.elementor-97 .elementor-element.elementor-element-2c527209{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:2% 2%;--row-gap:2%;--column-gap:2%;--flex-wrap:wrap;--margin-top:-111px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-97 .elementor-element.elementor-element-2c527209:not(.elementor-motion-effects-element-type-background), .elementor-97 .elementor-element.elementor-element-2c527209 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d44071a );}.elementor-97 .elementor-element.elementor-element-6226f353{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5.2% 5.2%;--row-gap:5.2%;--column-gap:5.2%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97 .elementor-element.elementor-element-6226f353.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-97 .elementor-element.elementor-element-3f8420e8{width:var( --container-widget-width, 130px );max-width:130px;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;--container-widget-width:130px;--container-widget-flex-grow:0;text-align:center;}.elementor-97 .elementor-element.elementor-element-3f8420e8.elementor-element{--align-self:center;}.elementor-97 .elementor-element.elementor-element-3f8420e8 img{width:100%;max-width:100%;height:100px;object-fit:fill;opacity:1;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-97 .elementor-element.elementor-element-7a281d4b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:2px;--e-nav-menu-divider-height:20px;--e-nav-menu-divider-color:#000000;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );--nav-menu-icon-size:25px;}.elementor-97 .elementor-element.elementor-element-7a281d4b.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-d44071a );}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu .elementor-item{font-family:"Garet", Sans-serif;font-size:15px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:38px;letter-spacing:0px;word-spacing:0em;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:13px;padding-right:13px;padding-top:5px;padding-bottom:5px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main .elementor-item:hover, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main .elementor-item:focus{color:#000000;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-b283762 );}.elementor-97 .elementor-element.elementor-element-7a281d4b .e--pointer-framed .elementor-item:before, .elementor-97 .elementor-element.elementor-element-7a281d4b .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-b283762 );}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-item:before{border-radius:10px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:10px 10px 0 0;}.elementor-97 .elementor-element.elementor-element-7a281d4b .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 10px 10px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 10px 10px 0;}.elementor-97 .elementor-element.elementor-element-7a281d4b .e--animation-shutter-in-vertical .elementor-item:after{border-radius:10px 0 0 10px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown{background-color:var( --e-global-color-d44071a );}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a:hover, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a:focus, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a.highlighted, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-menu-toggle:hover, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-menu-toggle:focus{color:#000000;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a:hover, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a:focus, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-b283762 );}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-38207b8 );}.elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle{color:#000000;}.elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle svg{fill:#000000;}.elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle:hover, .elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle:focus{color:var( --e-global-color-38207b8 );}.elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle:hover svg, .elementor-97 .elementor-element.elementor-element-7a281d4b div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-38207b8 );}.elementor-97 .elementor-element.elementor-element-44f5eb28{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:1% 1%;--row-gap:1%;--column-gap:1%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97 .elementor-element.elementor-element-5b0c9f99 .elementor-repeater-item-195ec47.elementor-social-icon{background-color:#000000;}.elementor-97 .elementor-element.elementor-element-5b0c9f99{--grid-template-columns:repeat(4, auto);text-align:center;width:auto;max-width:auto;margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;align-self:center;--icon-size:15px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-97 .elementor-element.elementor-element-5b0c9f99 .elementor-social-icon:hover i{color:#003AF1;}.elementor-97 .elementor-element.elementor-element-5b0c9f99 .elementor-social-icon:hover svg{fill:#003AF1;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-97 .elementor-element.elementor-element-586d3771 .elementor-button{background-color:var( --e-global-color-b283762 );font-family:"Work Sans", Sans-serif;font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:2.92px;fill:#000000;color:#000000;border-radius:10px 10px 10px 10px;}.elementor-97 .elementor-element.elementor-element-586d3771 .elementor-button:hover, .elementor-97 .elementor-element.elementor-element-586d3771 .elementor-button:focus{background-color:#000000;color:var( --e-global-color-b283762 );}.elementor-97 .elementor-element.elementor-element-586d3771{width:var( --container-widget-width, 200px );max-width:200px;margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 50px 0px 0px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-97 .elementor-element.elementor-element-586d3771 .elementor-button:hover svg, .elementor-97 .elementor-element.elementor-element-586d3771 .elementor-button:focus svg{fill:var( --e-global-color-b283762 );}.elementor-97 .elementor-element.elementor-element-a842552{--display:flex;}@media(max-width:1024px){.elementor-97 .elementor-element.elementor-element-2c527209{--flex-wrap:nowrap;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-97 .elementor-element.elementor-element-6226f353{--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:2px;}.elementor-97 .elementor-element.elementor-element-3f8420e8{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-97 .elementor-element.elementor-element-7a281d4b{width:var( --container-widget-width, 40px );max-width:40px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu .elementor-item{font-size:20px;line-height:1.2em;}.elementor-97 .elementor-element.elementor-element-44f5eb28{--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-97 .elementor-element.elementor-element-5b0c9f99{--icon-size:14px;--grid-column-gap:2px;}}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-2c527209{--min-height:11vh;--flex-wrap:wrap;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-97 .elementor-element.elementor-element-6226f353{--padding-top:0%;--padding-bottom:0%;--padding-left:2%;--padding-right:0%;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown{border-radius:5px 5px 5px 5px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-97 .elementor-element.elementor-element-7a281d4b{--nav-menu-icon-size:25px;}.elementor-97 .elementor-element.elementor-element-7a281d4b .elementor-menu-toggle{border-width:1px;}}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-6226f353{--width:70%;}.elementor-97 .elementor-element.elementor-element-44f5eb28{--width:28%;}}@media(max-width:1024px) and (min-width:768px){.elementor-97 .elementor-element.elementor-element-6226f353{--width:53%;}.elementor-97 .elementor-element.elementor-element-44f5eb28{--width:47%;}}/* Start custom CSS for container, class: .elementor-element-2c527209 *//* Header con confeti denso, sin columnas compartidas y con leve deriva X */ .elementor-97 .elementor-element.elementor-element-2c527209{ position: relative; overflow: hidden; z-index: 10; } /* CAPA A: mezclas 6–8px en carriles A (X: 22,26,30,...,62) */ .elementor-97 .elementor-element.elementor-element-2c527209::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1; opacity:.9; /* MÁS DENSIDAD + carriles A (no comparte columnas con B) */ background: linear-gradient(#DA291C,#DA291C) 22% 100% / 7px 7px no-repeat, linear-gradient(#4A2CA5,#4A2CA5) 26% 100% / 6px 6px no-repeat, linear-gradient(#800080,#800080) 30% 100% / 8px 8px no-repeat, linear-gradient(#FF6600,#FF6600) 34% 100% / 6px 6px no-repeat, linear-gradient(#DA291C,#DA291C) 38% 100% / 7px 7px no-repeat, linear-gradient(#4A2CA5,#4A2CA5) 42% 100% / 8px 8px no-repeat, linear-gradient(#800080,#800080) 46% 100% / 7px 7px no-repeat, linear-gradient(#FF6600,#FF6600) 50% 100% / 6px 6px no-repeat, linear-gradient(#DA291C,#DA291C) 54% 100% / 8px 8px no-repeat, linear-gradient(#4A2CA5,#4A2CA5) 58% 100% / 7px 7px no-repeat, linear-gradient(#800080,#800080) 62% 100% / 6px 6px no-repeat; animation: confettiVarA 4.4s ease-in-out infinite alternate; will-change: background-position; } /* CAPA B: mezclas 5–7px en carriles B (X: 24,28,32,...,64) */ .elementor-97 .elementor-element.elementor-element-2c527209::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:1; opacity:.75; /* MÁS DENSIDAD + carriles B, intercalados con A (sin superposición) */ background: linear-gradient(#4A2CA5,#4A2CA5) 24% 100% / 5px 5px no-repeat, linear-gradient(#FF6600,#FF6600) 28% 100% / 7px 7px no-repeat, linear-gradient(#DA291C,#DA291C) 32% 100% / 6px 6px no-repeat, linear-gradient(#800080,#800080) 36% 100% / 5px 5px no-repeat, linear-gradient(#4A2CA5,#4A2CA5) 40% 100% / 7px 7px no-repeat, linear-gradient(#FF6600,#FF6600) 44% 100% / 6px 6px no-repeat, linear-gradient(#DA291C,#DA291C) 48% 100% / 5px 5px no-repeat, linear-gradient(#800080,#800080) 52% 100% / 7px 7px no-repeat, linear-gradient(#4A2CA5,#4A2CA5) 56% 100% / 6px 6px no-repeat, linear-gradient(#FF6600,#FF6600) 60% 100% / 5px 5px no-repeat, linear-gradient(#DA291C,#DA291C) 64% 100% / 7px 7px no-repeat; animation: confettiVarB 4.4s ease-in-out infinite alternate .4s; /* leve desfase */ will-change: background-position; } /* --- Animaciones --- 1) Alturas diferentes por item (rompe la “línea recta”) 2) Leve deriva X en el pico/descenso (cambia columna → cada uno va “por su línea”) 3) alternate = mismos cuadros suben y bajan */ /* CAPA A */ @keyframes confettiVarA{ /* abajo */ 0%{ background-position: 22% 100%,26% 100%,30% 100%,34% 100%,38% 100%,42% 100%,46% 100%,50% 100%,54% 100%,58% 100%,62% 100%; } /* pico (≈30% menos altura) + ligera deriva X */ 38%{ background-position: 21% 74%,27% 72%,29% 75%,35% 73%,37% 71%,43% 76%,45% 74%,51% 72%,53% 75%,59% 73%,61% 72%; } /* micro-bajada con deriva opuesta (se nota la “línea” propia de cada pieza) */ 60%{ background-position: 22.5% 82%,25.5% 80%,30.5% 83%,33.5% 81%,38.5% 82%,41.5% 80%,46.5% 83%,49.5% 81%,54.5% 82%,57.5% 80%,62.5% 83%; } /* abajo otra vez */ 100%{ background-position: 22% 100%,26% 100%,30% 100%,34% 100%,38% 100%,42% 100%,46% 100%,50% 100%,54% 100%,58% 100%,62% 100%; } } /* CAPA B (carriles intercalados y alturas distintas) */ @keyframes confettiVarB{ 0%{ background-position: 24% 100%,28% 100%,32% 100%,36% 100%,40% 100%,44% 100%,48% 100%,52% 100%,56% 100%,60% 100%,64% 100%; } 38%{ background-position: 25% 78%,27% 71%,33% 76%,35% 72%,41% 75%,43% 73%,47% 71%,51% 77%,55% 74%,61% 72%,63% 76%; } 60%{ background-position: 24.5% 84%,28.5% 80%,31.5% 85%,36.5% 81%,39.5% 83%,44.5% 82%,47.5% 84%,52.5% 81%,55.5% 83%,60.5% 82%,63.5% 84%; } 100%{ background-position: 24% 100%,28% 100%,32% 100%,36% 100%,40% 100%,44% 100%,48% 100%,52% 100%,56% 100%,60% 100%,64% 100%; } } /* ===== HEADER MODERNO Y COMPACTO ===== */ .elementor-97 .elementor-element.elementor-element-2c527209{ /* Capas de fondo */ background: /* Línea inferior tipo neón (gruesa y animable) */ linear-gradient(90deg, #DA291C, #FFC72C, #DA291C) bottom / 300% 6px no-repeat, /* Vignette suave */ radial-gradient(140% 220% at 0% -40%, rgba(255,199,44,.18), transparent 60%), radial-gradient(140% 220% at 100% 0%, rgba(218,41,28,.16), transparent 60%), /* Textura finita */ repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 10px, rgba(0,0,0,.03) 10px 20px), /* Degradado base azul animado */ linear-gradient(90deg, #5BB4E5 0%, #4AA0CC 50%, #5BB4E5 100%); background-position: 0% 100%, center, center, center, 0% 0%; background-size: 300% 6px, 100% 100%, 100% 100%, 100% 100%, 300% 100%; animation: headerGradientShift 12s ease-in-out infinite; /* Glass */ background-color: rgba(91,180,229,0.75); backdrop-filter: blur(12px) saturate(160%); -webkit-backdrop-filter: blur(12px) saturate(160%); /* Relieve inferior */ border-bottom: 2px solid rgba(255,255,255,.25); box-shadow: inset 0 -2px 4px rgba(255,255,255,.25), 0 6px 18px rgba(0,0,0,.24); color:#fff; position:relative; z-index:10; /* AHORA COMPACTO */ padding: 6px 0; /* <= ajusta aquí si lo quieres más o menos delgado */ } /* Animación del degradado y franja inferior */ @keyframes headerGradientShift{ 0% { background-position: 0% 100%, center, center, center, 0% 0%; } 50% { background-position: 100% 100%, center, center, center, 100% 0%; } 100% { background-position: 0% 100%, center, center, center, 0% 0%; } } /* Contenedor interno */ .elementor-97 .elementor-element.elementor-element-2c527209 .elementor-container{ gap:18px; } /* Menú */ .elementor-97 .elementor-element.elementor-element-2c527209 .elementor-nav-menu a{ color:#fff; font-weight:600; letter-spacing:.3px; padding:8px 12px; position:relative; opacity:.9; transition: color .25s ease, text-shadow .25s ease, opacity .25s ease, box-shadow .25s ease; border-radius:10px; } .elementor-97 .elementor-element.elementor-element-2c527209 .elementor-nav-menu a:hover{ opacity:1; color:#FFC72C; text-shadow: 0 0 10px rgba(255,199,44,.85); box-shadow: 0 0 0 6px rgba(255,199,44,.14) inset; } /* Botón CTA */ .elementor-97 .elementor-element.elementor-element-2c527209 .elementor-button{ border-radius:999px; font-weight:800; padding:10px 16px; background:#FFC72C; color:#000; box-shadow: 0 6px 18px rgba(255,199,44,.35); transition: transform .2s ease, box-shadow .2s ease; } .elementor-97 .elementor-element.elementor-element-2c527209 .elementor-button:hover{ transform: translateY(-2px) scale(1.02); box-shadow: 0 10px 24px rgba(255,199,44,.5); } /* Sticky */ .elementor-97 .elementor-element.elementor-element-2c527209.elementor-sticky--effects{ background-color: rgba(59,147,192,0.92); box-shadow: inset 0 -2px 4px rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.30); }/* End custom CSS */