/* Ported verbatim from the live "landing" section on vovocorp.com */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto !important}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

.vl{
  --vl-tinta:#2F3A3D; --vl-texto:#4A5558; --vl-suave:#6F7C80; --vl-linea:rgba(47,58,61,.14);
  --vl-acento:#1E8B9A; --vl-marca:#15B6BD;
  --vl-sans:var(--font-body--family,"Inter",sans-serif);
  position:relative;overflow-x:clip;color:var(--vl-texto);font-family:var(--vl-sans);font-size:18px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
  background:#fff;
}
.vl *,.vl *::before,.vl *::after{box-sizing:border-box}
:where(.vl) :where(h1,h2,h3,p,ul,ol,figure){margin:0;padding:0}
.vl img,.vl video{display:block;max-width:100%}
.vl ul,.vl ol{list-style:none}
.vl h1,.vl h2,.vl h3{font-family:var(--vl-sans);text-transform:none;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}

.vl-eyebrow{font-weight:700;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--vl-acento)}
.vl-h2{font-weight:700;font-size:clamp(34px,4.6vw,66px);line-height:1.03;letter-spacing:-.035em;color:var(--vl-tinta);text-wrap:balance}
.vl-h2 em,.vl-cap h2 em{font-style:normal;color:var(--vl-acento)}
.vl-lead{font-weight:400;font-size:clamp(18px,1.6vw,23px);line-height:1.45;color:var(--vl-texto);max-width:30em}
.vl-wrap{max-width:1240px;margin:0 auto;padding-left:clamp(16px,6vw,96px);padding-right:clamp(16px,6vw,96px)}
.vl-reveal{opacity:0;transform:translateY(40px)}
.vl-link{font-weight:500;font-size:16px;color:var(--vl-tinta);text-decoration:none;border-bottom:1px solid rgba(47,58,61,.3);padding-bottom:2px}
.vl-link:hover{border-color:var(--vl-tinta);color:var(--vl-tinta)}

/* I. Escena fija */
.vl-intro{position:relative;height:1200vh}
.vl-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vl-hero-intro{position:absolute;top:14vh;left:0;right:0;text-align:center;padding:0 16px}
.vl-hero-intro p{font-size:clamp(22px,2.5vw,34px);font-weight:400;letter-spacing:-.015em;color:var(--vl-texto);max-width:20em;margin:14px auto 0;line-height:1.25}
.vl-vovo{position:absolute;left:50%;top:47%;width:min(80vw,980px,105vh);aspect-ratio:2759/906;transform:translate(-50%,-50%)}
.vl-vo{position:absolute;inset:0;width:100%;height:100%;will-change:transform}
.vl-vo-l{transform:translateX(-34vw) rotate(-4deg)}
.vl-vo-r{transform:translateX(34vw) rotate(4deg)}
.vl-spark{position:absolute;left:49%;top:46%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;
       background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(190,240,246,.6) 32%,rgba(190,240,246,0) 70%);
       opacity:0;transform:scale(.3);cursor:pointer}
.vl-hero-title{position:absolute;bottom:8vh;left:0;right:0;text-align:center;padding:0 16px}
.vl-hero-title h1{font-weight:700;color:var(--vl-tinta);font-size:clamp(48px,min(9vw,15vh),136px);line-height:.95;letter-spacing:-.045em;opacity:0}
.vl-hero-title p{font-size:clamp(18px,1.9vw,25px);font-weight:400;color:var(--vl-texto);margin-top:14px;opacity:0}
.vl-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}
.vl-cue .vl-eyebrow{color:var(--vl-suave);letter-spacing:.32em}
.vl-cue span{display:block;width:1px;height:46px;background:var(--vl-tinta);transform-origin:top;animation:vl-cue 1.8s ease-in-out infinite}
@keyframes vl-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.vl-toast{position:absolute;top:28vh;left:50%;transform:translateX(-50%);font-weight:400;font-size:22px;color:var(--vl-tinta);opacity:0;pointer-events:none;white-space:nowrap}

/* La calculadora en 3D */
.vl-scene{perspective:2000px;position:absolute;left:50%;top:50%;height:min(74vh,720px);aspect-ratio:711/1286;margin-top:calc(min(74vh,720px) / -2);transform:translateX(-50%)}
.vl-calc3d{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;
           transform:translateY(-110vh) rotateZ(-32deg) rotateX(18deg) rotateY(-20deg)}
.vl-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.vl-front{transform:translateZ(var(--t,10px))}
.vl-back{transform:rotateY(180deg) translateZ(var(--t,10px))}
.vl-face > img{width:100%;height:100%}
.vl-capa{position:absolute;inset:0;background:#1b1e20;
         -webkit-mask:var(--vl-sil) center / 100% 100% no-repeat;mask:var(--vl-sil) center / 100% 100% no-repeat}
.vl-capa.vl-borde{background:#2a2e31}
.vl-scr{position:absolute;left:16.41%;top:19.43%;width:65.22%;height:9.95%;overflow:hidden;border-radius:2px;background:#4f763d}
.vl-scr img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.vl-scr img.on{opacity:1}
.vl-scr::after{content:"";position:absolute;inset:0;box-shadow:inset 0 2px 5px rgba(0,0,0,.35);
            background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.06))}
.vl-kg{position:absolute;width:15%;aspect-ratio:1.9;border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;
    background:radial-gradient(ellipse at center,rgba(120,232,240,.95) 0%,rgba(86,197,210,.55) 35%,rgba(86,197,210,0) 70%)}
.vl-lente{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;
    border:2px solid rgba(120,232,240,.95);box-shadow:0 0 18px 4px rgba(86,197,210,.55)}
.vl-c-shadow{position:absolute;left:50%;bottom:-3.5%;width:86%;height:5%;transform:translateX(-50%);border-radius:50%;
          background:radial-gradient(ellipse at center,rgba(13,62,64,.42),rgba(13,62,64,0) 70%);opacity:0}

.vl-cap{position:absolute;top:8vh;left:0;right:0;text-align:center;padding:0 16px;opacity:0}
.vl-folio{font-weight:500;color:var(--vl-acento);font-size:clamp(13px,1vw,15px);letter-spacing:.06em}
.vl-folio b{font-weight:700;letter-spacing:.24em;margin-right:.7em}
.vl-cap h2{font-weight:700;color:var(--vl-tinta);font-size:clamp(32px,4.8vw,72px);line-height:1.02;letter-spacing:-.04em;margin-top:14px}
.vl-rule{width:72px;height:1px;background:var(--vl-acento);margin:22px auto 0;opacity:.6}
.vl-cap p{font-weight:400;color:var(--vl-texto);font-size:clamp(16px,1.45vw,21px);margin:18px auto 0;max-width:24em}
.vl-menu{margin-top:16px}
.vl-menu li{color:var(--vl-tinta);opacity:.28;transition:opacity .35s ease;padding:3px 0}
.vl-menu li b{display:flex;align-items:center;gap:.5em;font-size:clamp(17px,1.7vw,26px);font-weight:500;letter-spacing:-.02em}
.vl-menu li b::before{content:"";width:.34em;height:.34em;border-radius:50%;background:var(--vl-acento);opacity:0;transition:opacity .35s ease}
.vl-menu li span{display:block;max-height:0;overflow:hidden;opacity:0;font-weight:400;font-size:clamp(15px,1.25vw,18px);line-height:1.4;
                 color:var(--vl-texto);max-width:24em;padding-left:1.1em;transition:max-height .45s ease, opacity .45s ease, margin .45s ease}
.vl-menu li.on{opacity:1}
.vl-menu li.on b::before{opacity:1}
.vl-menu li.on span{max-height:5em;opacity:1;margin:4px 0 8px}
@media (min-width:861px){
  .vl-cap{top:0;bottom:0;left:7vw;right:auto;width:38vw;text-align:left;padding:0;display:flex;flex-direction:column;justify-content:center}
  .vl-rule{margin-left:0}
  .vl-cap p{margin-left:0}
}
@media (max-width:860px){
  .vl-menu li{display:none}
  .vl-menu li.on{display:block}
  .vl-menu li b{justify-content:center}
  .vl-menu li b::before{display:none}
  .vl-menu li span{padding-left:0;margin-left:auto !important;margin-right:auto !important}
}

/* II. Lo que trae */
.vl-trae{padding-top:clamp(70px,12vh,130px);padding-bottom:clamp(40px,7vh,80px)}
.vl-trae .vl-h2{margin-top:12px;font-size:clamp(30px,3.6vw,50px);max-width:16em}
.vl-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:clamp(28px,5vh,48px)}
.vl-ficha{position:relative;border-radius:22px;padding:clamp(18px,1.8vw,26px);background:#F4F8F9;border:1px solid #E7EFF1}
.vl-ficha-grande{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;
                 background:linear-gradient(160deg,#DDF3F5,#F4F8F9 65%);}
.vl-ico{display:flex;color:var(--vl-acento);margin-bottom:14px}
.vl-ficha-grande .vl-ico{position:absolute;top:clamp(18px,1.8vw,26px);left:clamp(18px,1.8vw,26px)}
.vl-ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vl-ficha h3{font-weight:700;font-size:clamp(18px,1.45vw,21px);line-height:1.2;letter-spacing:-.02em;color:var(--vl-tinta)}
.vl-ficha p{font-size:15.5px;line-height:1.45;margin-top:6px;color:var(--vl-texto)}
.vl-ficha-n{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:var(--vl-tinta)}
.vl-ficha-n span{font-weight:400;font-size:clamp(44px,4vw,60px);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.vl-ficha-n small{font-weight:700;font-size:clamp(16px,1.3vw,19px);letter-spacing:-.015em}
.vl-ficha-grande .vl-ficha-n span{font-size:clamp(90px,10vw,150px)}
.vl-ficha-grande p{font-size:clamp(16px,1.3vw,18px);max-width:24em}
.vl-ficha sup,.vl-notes b{font-size:10.5px;font-weight:700;color:var(--vl-acento);margin-left:2px}
.vl-notes{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:16px;font-size:13.5px;color:var(--vl-suave)}
.vl-notes b{margin:0 6px 0 0}

/* III. Vídeo real */
.vl-uso{padding-top:clamp(50px,9vh,110px);padding-bottom:clamp(50px,9vh,110px)}
.vl-uso-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,6vw,100px)}
.vl-video{position:relative;width:min(100%,380px);margin:0 auto}
.vl-uso video,.vl-uso .vl-uso-img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:24px;background:#d9dcd8}
.vl-pasos{margin-top:30px;border-top:1px solid var(--vl-linea);counter-reset:vlp}
.vl-pasos li{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--vl-linea);font-size:clamp(17px,1.4vw,20px);color:var(--vl-tinta)}
.vl-pasos li::before{counter-increment:vlp;content:counter(vlp);font-weight:400;font-size:1.6em;line-height:1;color:var(--vl-acento);min-width:1.1em}
.vl-yt{display:inline-block;margin-top:22px}
.vl-pasos small{display:block;font-size:.82em;color:var(--vl-acento);font-weight:500;margin-top:2px}

@media (max-width:860px){
  .vl-uso-grid{grid-template-columns:1fr}
  .vl-video{width:min(62vw,260px)}
  .vl-bento{grid-template-columns:1fr 1fr}
  .vl-ficha-grande{grid-column:1 / -1;grid-row:auto;min-height:260px}
}
@media (max-width:560px){
  .vl{font-size:17px}
  .vl-ficha p{font-size:14.5px}
  .vl-vovo{width:94vw}
  .vl-scene{height:52vh;margin-top:-26vh}
  .vl-cap p{font-size:15.5px}
}
@media (prefers-reduced-motion: reduce){
  .vl-cue span{animation:none}
}

.vl-flota{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:7px;height:40px;padding:0 16px 0 18px;
          border-radius:999px;font-family:var(--font-body--family,"Inter",sans-serif);font-size:14px;font-weight:700;color:#fff;
          text-decoration:none;background:linear-gradient(135deg,#56C5D2,#1E8B9A);box-shadow:0 6px 18px -10px rgba(13,62,64,.45);
          transition:opacity .35s ease, transform .35s ease}
.vl-flota:hover{color:#fff;filter:brightness(1.06)}
.vl-flota.vl-oculta{opacity:0;transform:translateY(12px);pointer-events:none}