.elementor-829 .elementor-element.elementor-element-e3e0a9e{--display:flex;--z-index:999;}.elementor-829 .elementor-element.elementor-element-e162d13{width:100%;max-width:100%;background-color:transparent;top:0px;background-image:linear-gradient(180deg, #2E2A2E 0%, #2E2A2E 100%);}body:not(.rtl) .elementor-829 .elementor-element.elementor-element-e162d13{left:0px;}body.rtl .elementor-829 .elementor-element.elementor-element-e162d13{right:0px;}.elementor-829 .elementor-element.elementor-element-5025e72{--spacer-size:0px;}.elementor-829 .elementor-element.elementor-element-cc70af1{--spacer-size:50px;}.elementor-829 .elementor-element.elementor-element-d7d53ce{--display:flex;}.elementor-829 .elementor-element.elementor-element-4c39dec{--display:flex;}.elementor-829 .elementor-element.elementor-element-65ae6f3{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:15px;--n-menu-title-font-size:17px;--n-menu-divider-content:"";--n-menu-divider-style:solid;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-text );}.elementor-829 .elementor-element.elementor-element-65ae6f3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-829 .elementor-element.elementor-element-65ae6f3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-829 .elementor-element.elementor-element-65ae6f3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Poppins", Sans-serif;font-weight:600;--n-menu-title-line-height:1.4;letter-spacing:0.3px;}.elementor-829 .elementor-element.elementor-element-65ae6f3 {--n-menu-title-color-hover:#DB1C4A;--n-menu-title-color-active:#000000;}.elementor-829 .elementor-element.elementor-element-d39f385{--spacer-size:0px;}.elementor-829 .elementor-element.elementor-element-0f54312{--display:flex;--min-height:223px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.23;--e-con-transform-origin-x:center;--e-con-transform-origin-y:center;}.elementor-829 .elementor-element.elementor-element-0f54312:not(.elementor-motion-effects-element-type-background), .elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7E8C7;}.elementor-829 .elementor-element.elementor-element-0f54312::before, .elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-background-video-container::before, .elementor-829 .elementor-element.elementor-element-0f54312 > .e-con-inner > .elementor-background-video-container::before, .elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-background-slideshow::before, .elementor-829 .elementor-element.elementor-element-0f54312 > .e-con-inner > .elementor-background-slideshow::before, .elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://premioscukperu.visayempleo.info/wp-content/uploads/2026/03/gift-banner.jpg");--background-overlay:'';background-position:bottom center;background-repeat:repeat-x;background-size:contain;}.elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-shape-bottom .elementor-shape-fill, .elementor-829 .elementor-element.elementor-element-0f54312 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F8F8F8;}.elementor-829 .elementor-element.elementor-element-0f54312 > .elementor-shape-bottom svg, .elementor-829 .elementor-element.elementor-element-0f54312 > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:40px;}.elementor-829 .elementor-element.elementor-element-0f54312.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-829 .elementor-element.elementor-element-b2e0c79{--display:grid;--min-height:36px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-829 .elementor-element.elementor-element-db3d321{background-color:transparent;padding:10px 0px 10px 0px;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FF5454;border-radius:14px 14px 14px 14px;box-shadow:0px 4px 14px 0px rgba(0, 0, 0, 0.3);}.elementor-829 .elementor-element.elementor-element-db3d321:hover{background-color:transparent;background-image:radial-gradient(at center center, #F0F8FF 0%, #F0F8FF 100%);}.elementor-829 .elementor-element.elementor-element-db3d321.elementor-element{--align-self:stretch;}.elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon-box-title{margin-block-end:0px;color:#5B2EA3;}.elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon{font-size:35px;}.elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon i{transform:rotate(0deg);}.elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon-box-title, .elementor-829 .elementor-element.elementor-element-db3d321 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;text-transform:capitalize;}.elementor-829 .elementor-element.elementor-element-869291b{background-color:transparent;padding:10px 0px 10px 0px;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FF5454;border-radius:14px 14px 14px 14px;box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.3);}.elementor-829 .elementor-element.elementor-element-869291b:hover{background-color:transparent;background-image:radial-gradient(at center center, #F0F8FF 0%, #F0F8FF 100%);}.elementor-829 .elementor-element.elementor-element-869291b.elementor-element{--align-self:stretch;}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon-box-title{margin-block-end:0px;color:#5B2EA3;}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon{font-size:35px;}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon i{transform:rotate(0deg);}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon-box-title, .elementor-829 .elementor-element.elementor-element-869291b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;text-transform:capitalize;}.elementor-829 .elementor-element.elementor-element-869291b .elementor-icon-box-description{font-family:"Inter", Sans-serif;}.elementor-829 .elementor-element.elementor-element-51d71cd{background-color:transparent;padding:10px 0px 10px 0px;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FF5454;border-radius:14px 14px 14px 14px;box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.3);}.elementor-829 .elementor-element.elementor-element-51d71cd:hover{background-color:transparent;background-image:radial-gradient(at center center, #F0F8FF 0%, #F0F8FF 100%);}.elementor-829 .elementor-element.elementor-element-51d71cd.elementor-element{--align-self:stretch;}.elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon-box-title{margin-block-end:0px;color:#5B2EA3;}.elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon{font-size:35px;}.elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon i{transform:rotate(0deg);}.elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon-box-title, .elementor-829 .elementor-element.elementor-element-51d71cd .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;text-transform:capitalize;}.elementor-829 .elementor-element.elementor-element-78d9a9d{background-color:transparent;padding:10px 0px 10px 0px;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-style:dashed;border-width:2px 2px 2px 2px;border-color:#FF5454;border-radius:14px 14px 14px 14px;box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.3);}.elementor-829 .elementor-element.elementor-element-78d9a9d:hover{background-color:transparent;background-image:radial-gradient(at center center, #F0F8FF 0%, #F0F8FF 100%);}.elementor-829 .elementor-element.elementor-element-78d9a9d.elementor-element{--align-self:stretch;}.elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon-box-wrapper{text-align:center;gap:10px;}.elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon-box-title{margin-block-end:0px;color:#5B2EA3;}.elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon{font-size:35px;}.elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon i{transform:rotate(0deg);}.elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon-box-title, .elementor-829 .elementor-element.elementor-element-78d9a9d .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;text-transform:capitalize;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-829 .elementor-element.elementor-element-b2e0c79{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-829 .elementor-element.elementor-element-65ae6f3{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-title-space-between:0px;}.elementor-829 .elementor-element.elementor-element-0f54312{--min-height:300px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-829 .elementor-element.elementor-element-0f54312.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-829 .elementor-element.elementor-element-b2e0c79{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-829 .elementor-element.elementor-element-b2e0c79{--width:650px;}}@media(max-width:1024px) and (min-width:768px){.elementor-829 .elementor-element.elementor-element-b2e0c79{--width:535px;}}@media(min-width:1600px){.elementor-829 .elementor-element.elementor-element-b2e0c79{--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-e162d13 *//*
  Pega este bloque completo en Custom CSS del mismo widget HTML
  (o en Elementor > Personalizar > CSS adicional).

  Paleta tomada directamente del logo del gallo:
  - Rojo vino profundo (círculo exterior del medallón)
  - Rojo un poco más vivo (interior del medallón)
  - Dorado (borde, laurel y texto "PREMIOS CUK PERU")
  - Crema (igual al fondo del sitio, para que la barra no se sienta pegada)

  FUENTE: si quieres usar una tipografía más moderna que el fallback del
  sistema, agrega esto al <head> del sitio (plugin "Insert Headers and
  Footers" o Elementor > Configuración del sitio):

  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet">
*/

:root{
  --rojo-oscuro: #6e0f1a;
  --rojo-medio:  #9c1826;
  --rojo-vivo:   #c22331;
  --dorado:      #e3b23c;
  --dorado-claro:#f2cf72;
  --crema:       #fff6e6;
}

.barra-top,
.barra-top *{
  box-sizing: border-box;
}

/* --- CONTENEDOR PRINCIPAL --- */
.barra-top{
  width: 100%;
  background: linear-gradient(90deg, var(--rojo-oscuro) 0%, var(--rojo-medio) 45%, var(--rojo-oscuro) 100%);
  overflow: hidden;
  border-bottom: 2px solid var(--dorado);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 100;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}

/* --- ANIMACIÓN --- */
.barra-marquee{
  display: flex;
  width: max-content;
  animation: scrollContinuo 24s linear infinite;
}
.barra-top:hover .barra-marquee,
.barra-top:focus-visible .barra-marquee{
  animation-play-state: paused;
  cursor: pointer;
}
.barra-top:focus-visible{
  outline: 2px solid var(--dorado);
  outline-offset: -2px;
}
@media (prefers-reduced-motion: reduce){
  .barra-marquee{ animation: none; }
}

/* --- TEXTO --- */
.barra-contenido{
  display: flex;
  align-items: center;
  padding: 11px 40px;
  font-family: 'Montserrat', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.punto-vivo{
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--dorado-claro);
  margin-right: 10px;
  flex-shrink: 0;
  box-shadow: 0 0 6px rgba(242, 207, 114, 0.7);
  animation: pulso 1.8s infinite;
}
@keyframes pulso{
  0%{ box-shadow: 0 0 0 0 rgba(242, 207, 114, 0.55); }
  70%{ box-shadow: 0 0 0 6px rgba(242, 207, 114, 0); }
  100%{ box-shadow: 0 0 0 0 rgba(242, 207, 114, 0); }
}

.texto-dorado{
  color: var(--dorado-claro);
  font-weight: 700;
  text-shadow: 0 0 6px rgba(227, 178, 60, 0.3);
}
.texto-crema{
  color: var(--crema);
  margin-left: 6px;
  font-weight: 500;
  opacity: 0.9;
}
.texto-blanco{
  color: var(--crema);
  font-weight: 500;
  opacity: 0.85;
}

/* CTA sólido, coherente con el botón dorado que ya usas en "GRAN EVENTO".
   Los .elementor-829 .elementor-element.elementor-element-e162d13es van reforzados con !important porque el tema de WordPress
   suele traer una regla global para "a" (color azul + subrayado) que le
   gana a un estilo normal de especificidad baja. */
.barra-top a.texto-resaltado,
.barra-top a.texto-resaltado:link,
.barra-top a.texto-resaltado:visited{
  display: inline-flex;
  align-items: center;
  color: var(--rojo-oscuro) !important;
  background: linear-gradient(135deg, var(--dorado-claro) 0%, var(--dorado) 60%, #c99a2e 100%);
  padding: 5px 14px;
  border-radius: 20px;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(227, 178, 60, 0.35);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.barra-top a.texto-resaltado:hover,
.barra-top a.texto-resaltado:focus{
  color: var(--rojo-oscuro) !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(227, 178, 60, 0.5);
}

.separador{
  margin: 0 22px;
  color: rgba(255, 246, 230, 0.35);
  font-weight: 300;
}

@keyframes scrollContinuo{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* --- RESPONSIVE --- */
@media (max-width: 860px){
  .barra-contenido{ padding: 10px 30px; font-size: 13px; }
  .separador{ margin: 0 16px; }
}
@media (max-width: 640px){
  .barra-contenido{ padding: 9px 22px; font-size: 12px; }
  .separador{ margin: 0 12px; }
  .texto-resaltado{ padding: 4px 11px; }
}
@media (max-width: 380px){
  .barra-contenido{ padding: 8px 16px; font-size: 11px; }
  .separador{ margin: 0 8px; }
  .punto-vivo{ margin-right: 6px; }
}/* End custom CSS */