.elementor-kit-5{--e-global-color-primary:#ED2E7C;--e-global-color-secondary:#0D0F0D;--e-global-color-text:#FAFAF8;--e-global-color-accent:#2BE82D;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:500;background-color:#0A0A0A;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ===================================================================== WeBianchi 2026 — v2 PEGAR EN: Elementor > hamburguesa > Configuracion del sitio > CSS personalizado Marca: Verde Neon #2BE82D | Fucsia Fluor #ED2E7C | Negro #0A0A0A Tipografias: Instrument Serif (italica, display) + Inter (texto) ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&family=Inter:wght@300;400;500;600&display=swap'); body{background:#0A0A0A;color:#F5F5F5;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip} a{text-decoration:none;transition:color .25s ease,background .25s ease,border-color .25s ease} h1,h2,h3,p{margin:0} [id]{scroll-margin-top:110px} html{scroll-behavior:smooth} /* toda imagen mantiene su caja aunque WordPress emita width/height */ .wb-shot img,.wb-expl img,.wb-retrato-img img,.wb-equipo img{height:auto} /* las cursivas dentro de los titulares usan el serif de display */ .wb-h2 em,.wb-pie-h2 em,.wb-explora-h2 em{font-family:'Instrument Serif',serif;font-style:italic} @keyframes wbRol{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes wbScroll{from{transform:translateY(-100%)}to{transform:translateY(200%)}} @keyframes wbGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes wbMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} @keyframes wbPulso{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}} /* ---------- 1. PANTALLA DE CARGA ---------- */ .wb-loader-widget{position:fixed;inset:0;z-index:99999} .wb-loader{position:fixed;inset:0;background:#0A0A0A;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,48px);transition:opacity .5s ease} .wb-loader-marca{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#878787} .wb-loader-palabra{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(2.2rem,7vw,4.5rem);line-height:1;color:rgba(245,245,245,.8);text-align:center} .wb-loader-abajo{display:flex;flex-direction:column;gap:clamp(18px,3vw,30px)} .wb-loader-num{font-family:'Instrument Serif',serif;font-size:clamp(3.4rem,14vw,9rem);line-height:.85;color:#F5F5F5;text-align:right;font-variant-numeric:tabular-nums} .wb-loader-barra{height:3px;background:rgba(31,31,31,.5);border-radius:2px;overflow:hidden} .wb-loader-fill{height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#2BE82D,#ED2E7C);background-size:200% 200%;animation:wbGrad 6s ease infinite;box-shadow:0 0 8px rgba(43,232,45,.32)} /* ---------- 2. CABECERA / MENU ---------- */ .wb-header{position:fixed!important;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:clamp(14px,2vw,24px) 16px;pointer-events:none} .wb-nav{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(20,20,20,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px;box-shadow:0 8px 30px rgba(0,0,0,.35)} .wb-nav-logo{display:block;width:34px;height:34px;flex:none} .wb-nav-logo img{width:34px;height:34px;object-fit:contain;border-radius:9px} .wb-nav-div{width:1px;height:20px;background:#1F1F1F;margin:0 4px} .wb-nav-links{gap:2px} .wb-nav-links a{font-size:13px;color:#878787;border-radius:999px;padding:8px 14px} .wb-nav-links a:hover{color:#F5F5F5;background:rgba(31,31,31,.6)} .wb-nav-links .wb-nav-alerta{color:#2BE82D} .wb-nav-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#0A0A0A;background:#2BE82D;border-radius:999px;padding:9px 16px;white-space:nowrap} .wb-nav-cta:hover{filter:brightness(1.1);color:#0A0A0A} .wb-nav-cta span{opacity:.7;transition:transform .3s ease} .wb-nav-cta:hover span{transform:translate(3px,-3px);opacity:1} /* ---------- 3. HERO ---------- */ .wb-hero{position:relative;isolation:isolate;text-align:center} .wb-hero-capa{position:absolute!important;inset:0;z-index:0;width:100%;pointer-events:none} .wb-hero-fondo{position:absolute;inset:0;overflow:hidden} .wb-hero-glow{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 40%,rgba(43,232,45,.13),transparent 70%),radial-gradient(60% 50% at 15% 85%,rgba(237,46,124,.07),transparent 70%)} .wb-hero-veil{position:absolute;inset:0;background:rgba(0,0,0,.2)} .wb-hero-fade{position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(to top,#0A0A0A,transparent)} .wb-hero-cont{position:relative;z-index:10;text-align:center} .wb-hero-eyebrow{margin-bottom:clamp(24px,4vh,38px)!important} .wb-h1{margin-bottom:clamp(20px,3vh,30px)!important} .wb-hero-rol{font-size:clamp(1.05rem,2.4vw,1.6rem);font-weight:300;line-height:1.4;color:#F5F5F5;margin:0 0 clamp(16px,2.5vh,24px)} .wb-hero-rol i{font-family:'Instrument Serif',serif;font-style:italic;color:#2BE82D;display:inline-block;animation:wbRol .4s ease-out} .wb-hero-sub p{max-width:520px;margin:0 auto} .wb-scroll-wrap{position:absolute!important;left:50%;bottom:clamp(20px,4vh,40px);transform:translateX(-50%);z-index:10;pointer-events:none} .wb-scroll{display:flex;flex-direction:column;align-items:center;gap:12px} .wb-scroll span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#878787} .wb-scroll i{position:relative;width:1px;height:40px;background:#1F1F1F;overflow:hidden;display:block} .wb-scroll b{position:absolute;inset:0;display:block;background:linear-gradient(180deg,transparent,#2BE82D,transparent);animation:wbScroll 1.5s ease-in-out infinite} /* ---------- rotulos de seccion ---------- */ .wb-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#878787} .wb-eyebrow i{width:32px;height:1px;background:#2BE82D;display:block;flex:none} .wb-eyebrow-c{justify-content:center} .wb-lead p{max-width:540px} /* ---------- 4. SERVICIOS (pastillas informativas) ---------- */ .wb-pill{transition:background .25s ease} .wb-pill:hover{background:#141414!important} .wb-pill-num{width:58px;text-align:center;flex:none} @media(max-width:767px){.wb-pill-num{width:auto}} /* ---------- 5. PORTAFOLIO (bento 7/5/5/7) ---------- */ .wb-card{position:relative;overflow:hidden;background:#141414;border:1px solid #1F1F1F;border-radius:clamp(20px,2.5vw,28px);aspect-ratio:16/11} .wb-card .elementor-widget-image,.wb-card .elementor-widget-image .elementor-widget-container,.wb-card figure{height:100%} .wb-card .wb-shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)} .wb-card:hover .wb-shot img{transform:scale(1.05)} .wb-card-capa{position:absolute!important;inset:0;pointer-events:none} .wb-card-grano{position:absolute;inset:0;opacity:.2;mix-blend-mode:multiply;background-image:radial-gradient(circle,#000 1px,transparent 1px);background-size:4px 4px} .wb-card-pie{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2.4vw,28px);background:linear-gradient(to top,rgba(10,10,10,.9),transparent)} .wb-card-pie b{display:block;font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#2BE82D;margin-bottom:8px} .wb-card-pie>span{display:block;font-size:clamp(1.05rem,2.2vw,1.6rem);color:#F5F5F5} .wb-card-veil{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;background:rgba(10,10,10,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center} .wb-card:hover .wb-card-veil{opacity:1} .wb-card-chip{display:inline-flex;align-items:center;padding:11px 22px;border-radius:999px;background:#2BE82D;color:#0A0A0A;font-size:.9rem} .wb-card-chip i{font-family:'Instrument Serif',serif;font-style:italic;margin-left:6px} /* ---------- 7. EXPLORACIONES (parallax) ---------- */ .wb-explora{position:relative;overflow:clip} .wb-explora-fijo{position:absolute!important;inset:0;z-index:10;display:flex;justify-content:center;pointer-events:none;padding:0 clamp(20px,5vw,64px)} .wb-explora-centro{position:sticky;top:calc(50vh - 120px);height:max-content;text-align:center;max-width:440px} .wb-explora-h2{font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:400;line-height:1.05;letter-spacing:-.03em;color:#F5F5F5;margin:18px 0} .wb-explora-p{font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:1.7;color:#878787} .wb-explora-cols{position:relative;z-index:20} .wb-col{will-change:transform} .wb-col-b{margin-top:clamp(40px,14vw,220px)} .wb-expl img{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:18px;border:1px solid #1F1F1F;background:#141414} .wb-expl-1 img{transform:rotate(-2deg)} .wb-expl-2 img{transform:rotate(1.5deg);margin-left:auto} .wb-expl-3 img{transform:rotate(-1deg)} .wb-expl-4 img{transform:rotate(2deg);margin-left:auto} .wb-expl-5 img{transform:rotate(-1.5deg)} .wb-expl-6 img{transform:rotate(1deg);margin-left:auto} /* ---------- 8. POSICIONAMIENTO ---------- */ .wb-posic-p p{margin-bottom:18px} .wb-posic-p p:last-child{margin-bottom:0} .wb-lista .elementor-icon-list-item{align-items:flex-start;padding:18px 0} .wb-lista .elementor-icon-list-text{font-family:Inter,sans-serif} .wb-stat-num{line-height:1!important} /* ---------- 9. LEY 21.719 ---------- */ .wb-ley{position:relative;overflow:hidden} .wb-ley-filo{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2BE82D,#ED2E7C);background-size:200% 200%;animation:wbGrad 6s ease infinite} .wb-ley-rot{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#2BE82D} .wb-punto{width:7px;height:7px;border-radius:50%;background:#2BE82D;display:block;flex:none;animation:wbPulso 2s ease-in-out infinite} .wb-cd .elementor-countdown-wrapper{margin:0} .wb-cd .elementor-countdown-item{padding:0;background:none} .wb-cd .elementor-countdown-digits{color:#2BE82D} /* ---------- 10. NOSOTROS ---------- */ .wb-retrato-img img{width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;object-position:center 16%;border-radius:clamp(18px,2.4vw,26px);border:1px solid #1F1F1F;background:#141414} .wb-equipo img{width:100%;aspect-ratio:1400/786;object-fit:cover;border-radius:clamp(16px,2.2vw,22px);border:1px solid #1F1F1F;background:#141414} /* ---------- 11. TESTIMONIO ---------- */ .wb-testi{text-align:center} .wb-quote .elementor-testimonial-wrapper{display:flex;flex-direction:column;gap:32px} .wb-quote .elementor-testimonial-content{text-wrap:balance} .wb-quote .elementor-testimonial-meta-inner{display:flex;align-items:center;justify-content:center;gap:14px} .wb-quote .elementor-testimonial-meta-inner::before{content:"DS";width:48px;height:48px;flex:none;border-radius:50%;background:#141414;border:1px solid #1F1F1F;display:flex;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-style:italic;font-size:1rem;color:#2BE82D} .wb-quote .elementor-testimonial-details{text-align:left} /* ---------- 12. FAQ ---------- */ .wb-faq{border-top:1px solid #1F1F1F;margin-top:36px} .wb-faq details{border-bottom:1px solid #1F1F1F} .wb-faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(20px,2.6vw,28px) 0;cursor:pointer;list-style:none} .wb-faq summary::-webkit-details-marker{display:none} .wb-faq summary h3{font-size:clamp(.98rem,1.8vw,1.3rem);font-weight:400;color:#F5F5F5} .wb-mas{font-family:'Instrument Serif',serif;font-size:1.7rem;line-height:1;color:#ED2E7C;transition:transform .3s ease;flex:none} .wb-faq details[open] .wb-mas{transform:rotate(45deg)} .wb-faq p{font-size:clamp(.9rem,1.3vw,1.02rem);font-weight:300;line-height:1.75;color:#878787;margin:0 0 clamp(22px,3vw,30px);max-width:700px;text-wrap:pretty} /* ---------- 13. CONTACTO / PIE ---------- */ .wb-pie{position:relative;overflow:hidden} .wb-pie-fondo{position:absolute!important;inset:0;z-index:0;pointer-events:none} .wb-pie-glow{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 100%,rgba(237,46,124,.12),transparent 70%)} .wb-marq-wrap,.wb-pie-cont{position:relative;z-index:10} .wb-marq{overflow:hidden;padding:clamp(20px,4vw,44px) 0;border-top:1px solid #1F1F1F;border-bottom:1px solid #1F1F1F;margin-bottom:clamp(48px,7vw,88px)} .wb-marq-row{display:flex;width:max-content;animation:wbMarq 40s linear infinite} .wb-marq-row span{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(1.8rem,5vw,4rem);line-height:1;color:rgba(245,245,245,.28);white-space:nowrap;padding-right:.4em} .wb-pie-cta{text-align:center} .wb-pie-rot{margin-bottom:24px!important} .wb-pie-h2{margin-bottom:26px!important} .wb-pie-p p{max-width:480px;margin:0 auto} .wb-pie-logo img{width:44px;height:44px;object-fit:contain} .wb-pie-desc p{max-width:260px} .wb-foot-links{display:flex;flex-direction:column;gap:12px;font-size:.9rem} .wb-foot-links a,.wb-foot-links span{color:#878787} .wb-foot-links a:hover{color:#F5F5F5} .wb-legal-wrap{width:100%;flex-basis:100%} .wb-legal{border-top:1px solid #1F1F1F;padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#878787} .wb-legal a{color:#878787} .wb-legal a:hover{color:#F5F5F5} .wb-disp{display:flex;align-items:center;gap:9px} /* ---------- BOTONES ---------- */ .wb-cta .elementor-button{position:relative;z-index:0} .wb-cta .elementor-button::before{content:'';position:absolute;inset:-1.5px;border-radius:999px;background:linear-gradient(90deg,#2BE82D,#ED2E7C);opacity:0;transition:opacity .3s ease;z-index:-1} .wb-cta .elementor-button:hover::before{opacity:1} .wb-btn-verde .elementor-button{background:#2BE82D;color:#0A0A0A} .wb-btn-verde .elementor-button:hover{background:#0A0A0A;color:#F5F5F5} .wb-btn-linea .elementor-button{background:transparent;color:#F5F5F5;border:1px solid #1F1F1F} .wb-btn-linea .elementor-button:hover{border-color:transparent;color:#F5F5F5} /* ---------- ACCESIBILIDAD ---------- */ :focus-visible{outline:2px solid #2BE82D;outline-offset:3px} @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .wb-marq-row,.wb-punto,.wb-ley-filo,.wb-loader-fill,.wb-scroll b,.wb-hero-rol i{animation:none!important} .elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important} } /* ===================================================================== FONDOS VIVOS (hero y pie) — no dependen de video ni de red Si insertas una imagen de fondo en el contenedor, .wb-ken la mueve sola. ===================================================================== */ @keyframes wbAuroraA{0%,100%{transform:translate3d(-6%,-4%,0) scale(1)}33%{transform:translate3d(10%,6%,0) scale(1.25)}66%{transform:translate3d(4%,-8%,0) scale(1.1)}} @keyframes wbAuroraB{0%,100%{transform:translate3d(8%,6%,0) scale(1.15)}50%{transform:translate3d(-10%,-6%,0) scale(1)}} @keyframes wbAuroraC{0%,100%{transform:translate3d(0,8%,0) scale(1)}50%{transform:translate3d(-8%,-10%,0) scale(1.3)}} @keyframes wbGrid{to{transform:translate3d(0,44px,0)}} @keyframes wbKen{0%{transform:scale(1.08) translate3d(0,0,0)}50%{transform:scale(1.22) translate3d(-2%,-2%,0)}100%{transform:scale(1.08) translate3d(0,0,0)}} .wb-aurora{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform;display:block} .wb-hero-fondo,.wb-pie-glow{position:absolute;inset:0;overflow:hidden} .wb-aurora-caja{position:absolute;inset:-10%;overflow:hidden} .wb-a1{top:-14%;left:6%;width:60vw;height:60vw;max-width:820px;max-height:820px;background:radial-gradient(circle,rgba(43,232,45,.30),transparent 68%);animation:wbAuroraA 26s ease-in-out infinite} .wb-a2{bottom:-18%;right:-6%;width:52vw;height:52vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(237,46,124,.24),transparent 68%);animation:wbAuroraB 32s ease-in-out infinite} .wb-a3{top:28%;left:38%;width:40vw;height:40vw;max-width:560px;max-height:560px;background:radial-gradient(circle,rgba(43,232,45,.16),transparent 70%);animation:wbAuroraC 22s ease-in-out infinite} .wb-a4{bottom:-22%;left:18%;width:64vw;height:64vw;max-width:860px;max-height:860px;background:radial-gradient(circle,rgba(237,46,124,.26),transparent 68%);animation:wbAuroraB 30s ease-in-out infinite} .wb-a5{bottom:-14%;right:6%;width:44vw;height:44vw;max-width:600px;max-height:600px;background:radial-gradient(circle,rgba(43,232,45,.18),transparent 70%);animation:wbAuroraC 24s ease-in-out infinite} .wb-reja{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(245,245,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,245,245,.05) 1px,transparent 1px);background-size:44px 44px;animation:wbGrid 7s linear infinite} .wb-vineta{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 45%,transparent,rgba(10,10,10,.72))} .wb-vineta-pie{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 100%,transparent,rgba(10,10,10,.8))} /* IMAGEN DE FONDO CON MOVIMIENTO Selecciona el contenedor Hero (o Pie) > Estilo > Fondo > Imagen, y agrega la clase wb-ken-bg en Avanzado. La imagen hara un zoom-paneo lento e infinito. */ .wb-ken,.wb-ken-bg>.elementor-background-overlay,.wb-aurora-caja img{animation:wbKen 26s ease-in-out infinite;will-change:transform} .wb-ken-bg{overflow:hidden} /* menu: siempre visible en escritorio, por media query (no por JS) */ .wb-nav-links{display:none} @media(min-width:1000px){.wb-nav-links{display:inline-flex!important}} @media(prefers-reduced-motion:reduce){ .wb-aurora,.wb-reja,.wb-ken,.wb-ken-bg>.elementor-background-overlay{animation:none!important} } /* ===================================================================== MENU MOVIL (bajo 1000px) — checkbox + hermano :checked, sin JavaScript El nav va por ENCIMA del panel (z-index 56 vs 55) para que la hamburguesa siga siendo pulsable con el menu abierto. ===================================================================== */ .wb-tog{position:absolute;opacity:0;width:0;height:0;pointer-events:none} .wb-nav{position:relative;z-index:56} .wb-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;flex:none;padding:0 10px;cursor:pointer;border-radius:999px;margin:0} .wb-burger:hover{background:rgba(31,31,31,.6)} .wb-burger span{display:block;height:1.5px;background:#F5F5F5;border-radius:2px;transition:transform .3s ease,opacity .3s ease} .wb-burger span:first-child{width:18px} .wb-burger span:last-child{width:12px} .wb-tog:checked ~ .wb-nav .wb-burger span:first-child{transform:translateY(3.5px) rotate(45deg)} .wb-tog:checked ~ .wb-nav .wb-burger span:last-child{width:18px;transform:translateY(-3.5px) rotate(-45deg)} .wb-panel{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:4px;padding:clamp(76px,14vh,96px) clamp(24px,7vw,56px) 40px;background:rgba(10,10,10,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .35s ease,transform .35s ease} .wb-tog:checked ~ .wb-panel{opacity:1;pointer-events:auto;transform:none} .wb-panel-in{margin:auto 0;display:flex;flex-direction:column;gap:4px} .wb-panel a{position:relative;z-index:1;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(1.7rem,7vw,3rem);line-height:1.2;color:#F5F5F5;border-bottom:1px solid #1F1F1F;padding:clamp(9px,1.6vh,14px) 0} .wb-panel a:last-of-type{color:#2BE82D;border-bottom:0} .wb-panel p{position:relative;z-index:1;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#878787;margin:0 0 clamp(12px,2.4vh,20px)} /* toque fuera del panel para cerrar */ .wb-fondo-cierre{position:absolute;inset:0;z-index:0;cursor:pointer;margin:0} @media(min-width:1000px){.wb-burger,.wb-panel{display:none!important}} /* el CTA del menu en verde de marca */ .wb-nav-cta{background:#2BE82D;color:#0A0A0A} .wb-nav-cta:hover{filter:brightness(1.1);color:#0A0A0A} /* pie: 4 columnas que reparten parejo en tablet */ .wb-pie-cols>.e-con-inner{align-items:flex-start} @media(max-width:1024px) and (min-width:600px){ .wb-pie-cols .elementor-element{width:48%!important} } /* ===================================================================== RED DE SEGURIDAD DE VISIBILIDAD — no borrar Elementor marca los elementos con animacion de entrada como .elementor-invisible (visibility:hidden) y les quita la clase por JS al hacer scroll. Si ese JS no corre (plugin de cache que difiere scripts, minificacion, o el orden de carga en Canvas), la seccion queda invisible para siempre. Esto garantiza que el contenido SIEMPRE se vea. ===================================================================== */ .elementor-invisible{visibility:visible!important} /* Revelado por scroll sin JavaScript, solo donde el navegador lo soporta. Si no lo soporta, los elementos simplemente ya estan visibles. */ @keyframes wbAparece{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}} @supports (animation-timeline: view()){ @media (prefers-reduced-motion: no-preference){ .wb-pill,.wb-card,.wb-celda,.wb-stat{ animation:wbAparece .8s cubic-bezier(.16,1,.3,1) both; animation-timeline:view(); animation-range:entry 4% cover 26%; } } } /* Los contenedores de estas tres secciones deben repartir en fila */ .wb-pills>.e-con-inner{display:flex;flex-direction:column;gap:12px} .wb-bento>.e-con-inner,.wb-grid4>.e-con-inner{display:flex;flex-wrap:wrap} .wb-card,.wb-celda{min-height:1px} /* ===================================================================== VIDEOS (hero, pie y Exploraciones) — silenciosos y en bucle Los