/* Korvendi: imagen a gran escala, negro/cromo/ámbar y tipografía nativa.
   Carruseles manuales con scroll nativo. Sin dependencia de animación. */
:root{
 --fondo:#090909;--tinta:#f5f4f0;--suave:#a9a8a3;--linea:rgba(255,255,255,.13);--acento:#ffb36b;
 --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);
 --gutter:clamp(24px,5vw,88px);--ancho:1440px;
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
 font-synthesis:none;color-scheme:dark
}
*{box-sizing:border-box}
html{scroll-padding-top:110px;overflow-x:clip}
body{margin:0;background:var(--fondo);color:var(--tinta);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(44px,5.3vw,78px)}
h2 span{color:#777873}
a{color:inherit;text-decoration:none}
button,summary{touch-action:manipulation}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
button:disabled{opacity:.28;cursor:default}
img{display:block;max-width:100%}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--acento);outline-offset:5px}
::selection{background:#bd793e;color:white}
.env{width:100%;max-width:var(--ancho);padding-inline:var(--gutter);margin-inline:auto}
.seccion{padding-block:110px}
.eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}
.section-heading .eyebrow{margin-bottom:22px;color:var(--suave)}
.section-heading>p{font-size:16px;color:var(--suave)}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;min-height:44px;white-space:nowrap}
.text-link svg{width:19px}
.saltar{position:fixed;left:16px;top:-100px;z-index:100;background:white;color:black;padding:12px 20px;border-radius:30px}
.saltar:focus{top:12px}

/* Barra de material oscuro: el contenido pasa detrás. */
.barra{position:absolute;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px var(--gutter)}
.marca{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:600;letter-spacing:-.055em;line-height:1}
.marca svg{width:27px;height:27px;stroke:none}
.barra nav{display:flex;gap:4px;background:rgba(255,255,255,.06);padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:100px;backdrop-filter:blur(16px)}
.barra nav a{font-size:12px;padding:10px 20px;border-radius:40px;transition:background-color .2s ease}
.barra-acciones{display:flex;align-items:center;gap:23px}
.entrar{font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:7px 8px 7px 22px;border-radius:100px;border:1px solid transparent;font-size:14px;font-weight:550;white-space:nowrap;transition:transform .16s var(--ease-out),background-color .2s ease}
.btn i{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:rgba(0,0,0,.07)}
.btn svg{width:18px}
.btn-blanco{background:var(--tinta);color:#171717}
.btn-outline{background:transparent;color:var(--tinta);border-color:rgba(255,255,255,.3)}
.btn-outline i{background:rgba(255,255,255,.1)}
.btn-chico{min-height:40px;padding:4px 5px 4px 18px;font-size:12px;gap:15px}
.btn-chico i{width:30px;height:30px}
.btn:active,.flechas button:active,.hero-explorar:active{transform:scale(.97)}

/* Hero: un fotograma, dos líneas y una acción principal. */
.hero{position:relative;isolation:isolate;min-height:720px;height:100svh;max-height:1100px;overflow:hidden;background:#0b0b0b}
.hero-imagen,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-imagen img{height:100%;width:100%;object-fit:cover;object-position:center 38%}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,6,6,.3),transparent 75%),linear-gradient(0deg,#090909,transparent 26%)}
.hero-copy{position:relative;padding-top:clamp(185px,28svh,315px)}
.hero-copy .eyebrow{color:#d1ccc4;margin-bottom:26px}
.hero h1{font-size:clamp(80px,8.7vw,134px);font-weight:450;letter-spacing:-.075em;line-height:.94;max-width:10ch}
.hero h1 span{color:#f5f4f0}
.hero-copy>p{font-size:16px;letter-spacing:-.015em;margin-top:28px;color:#c9c7c1;max-width:25ch}
.hero-acciones{display:flex;align-items:center;gap:10px;margin-top:29px}
.hero-explorar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid #777;transition:transform .16s var(--ease-out)}
.hero-explorar svg{transform:rotate(90deg)}
.hero-bottom{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}
.hero-bottom>span,.hero-bottom>a{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.05em;color:#c3c1bb}
.hero-bottom>span i{width:5px;height:5px;background:var(--acento);border-radius:50%;box-shadow:0 0 10px #ffb36b}
.hero-bottom svg{width:15px;transform:rotate(90deg)}
.hero-word{position:absolute;bottom:-.17em;left:50%;transform:translateX(-50%);z-index:-1;font-size:24vw;letter-spacing:-.09em;line-height:.8;font-weight:650;color:rgba(255,255,255,.042);pointer-events:none;user-select:none}

/* Galería que deja asomar la siguiente imagen. */
.carrusel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain}
.carrusel::-webkit-scrollbar{display:none}
.galeria{padding-block:4px 12px}
.galeria>.visual-card{scroll-snap-align:center}
.visual-card{position:relative;flex:0 0 min(38vw,500px);height:min(52vw,660px);min-height:480px;scroll-snap-align:start;border-radius:28px;overflow:hidden;isolation:isolate;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.visual-card>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2;transition:transform .6s var(--ease-out)}
.visual-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent 35%,transparent 66%,rgba(0,0,0,.83))}
.card-top{position:absolute;left:30px;right:30px;top:30px}
.card-top .eyebrow{font-size:10px;color:#bdbdb9;margin-bottom:17px}
.card-top h3{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.04em}
.card-bottom{position:absolute;left:30px;right:24px;bottom:26px;display:flex;align-items:flex-end;gap:20px;justify-content:space-between}
.card-bottom>p{font-size:14px;max-width:22ch;color:#e1dfda}
.card-bottom summary{display:grid;place-items:center;width:42px;height:42px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:50%;list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.card-bottom details>p{position:absolute;bottom:62px;left:0;right:0;border-radius:18px;background:#171716;color:#f5f4f0;padding:22px;font-size:15px;line-height:1.5;box-shadow:0 10px 40px #0005}
.card-bottom details[open] summary svg{transform:rotate(45deg)}
.visual-card.clara{color:#171717}
.visual-card.clara::after{background:linear-gradient(180deg,rgba(237,233,225,.8),transparent 35%,transparent 68%,rgba(230,226,218,.8))}
.clara .card-top .eyebrow,.clara .card-bottom>p{color:#4c4c48}
.clara .card-bottom summary{background:#171717;color:white}
.carrusel-controles{display:none;justify-content:flex-end;align-items:center;gap:22px;margin-top:22px}
.js .carrusel-controles{display:flex}
.js .carrusel-controles[hidden]{display:none}
.puntos{display:flex;align-items:center;gap:0;margin-right:auto}
.puntos button{width:34px;height:44px;display:grid;place-items:center}
.puntos span{display:block;width:6px;height:6px;background:#555;border-radius:50%;transition:background-color .2s ease,transform .2s var(--ease-out)}
.puntos button[aria-current=true] span{background:var(--tinta);transform:scale(1.4)}
.contador{font-variant-numeric:tabular-nums;font-size:11px;color:var(--suave);letter-spacing:.12em}
.flechas{display:flex;gap:10px}
.flechas button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#252524;transition:transform .16s var(--ease-out),background-color .2s ease}
.flechas button:first-child svg{transform:rotate(180deg)}
.manifiesto{text-align:center;padding-block:75px 100px}
.manifiesto .eyebrow{color:var(--suave);margin-bottom:30px}
.manifiesto>p{font-size:clamp(38px,5.7vw,82px);letter-spacing:-.06em;font-weight:450;line-height:1.05}
.manifiesto>p span{color:#747570}
.manifiesto .text-link{margin-top:30px;color:var(--acento)}

/* Segundo carrusel: una pantalla y una explicación breve por paso. */
.tour-section{background:#eeede8;color:#151515;border-radius:44px 44px 0 0;padding-top:92px}
.tour-section .eyebrow,.tour-section .section-heading>p{color:#666762}
.tour-track{padding-bottom:8px}
.tour-slide{scroll-snap-align:center;flex:0 0 min(1100px,calc(100vw - var(--gutter)*2));display:grid;grid-template-columns:.88fr 1.12fr;min-height:510px;border-radius:30px;overflow:hidden;background:#dfdfd9}
.tour-copy{padding:45px 40px;align-self:center}
.step-number{display:block;font-size:13px;letter-spacing:.1em;margin-bottom:42px;color:#74756f}
.tour-copy h3{font-size:clamp(38px,4.8vw,66px)}
.tour-copy>p{font-size:19px;letter-spacing:-.02em;max-width:22ch;margin-top:15px}
.tour-copy>small{display:block;max-width:34ch;font-size:12px;line-height:1.6;color:#61625d;margin-top:25px}
.tour-art{position:relative;display:grid;place-items:center;padding:28px;min-width:0;overflow:hidden}
.tour-art-1{background:radial-gradient(ellipse at 60% 50%,#faf9f5,transparent 75%)}
.connect-visual{position:relative;display:flex;align-items:center;gap:74px;padding:60px 0}
.connect-icon{display:grid;place-items:center;width:120px;height:120px;border-radius:30px;z-index:1;box-shadow:0 25px 30px -18px #0007,inset 0 1px 0 #fffa;transform:rotate(-8deg)}
.connect-icon svg{width:66px;height:66px}
/* El tile de WhatsApp es el LOGO REAL del dueño (un PNG que ya trae su
   cuadro verde y sus esquinas), no un glifo dibujado dentro de una caja
   verde. Por eso el contenedor se queda sin fondo ni sombra propia: la
   sombra la da un drop-shadow, que sigue el contorno del PNG en vez de
   dibujar un rectángulo detrás. El ancho se deja libre para respetar la
   proporción del archivo. */
.wa-icon{background:none;box-shadow:none}
.wa-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.45))}
.k-icon{background:linear-gradient(140deg,#393b3a,#070808);color:white;transform:rotate(8deg)}
.k-icon svg{stroke:none}
.connect-line{position:absolute;left:50px;right:50px;height:2px;background:#7778}
.connect-dot{position:absolute;left:50%;width:8px;height:8px;border-radius:50%;background:#65665f;box-shadow:0 0 0 7px #9b9c9524}
.connect-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.04em;color:#6a6b66}
.tour-art-2{background:radial-gradient(ellipse at center,#d5bca5,transparent 80%)}
.catalog-visual{position:relative;width:100%;max-width:440px;min-height:380px}
.catalog-photo{position:absolute;left:0;top:0;width:225px;height:300px;border-radius:18px;background:#30231c;color:#ead3b3;transform:rotate(-10deg);padding:25px;box-shadow:0 24px 30px -16px #0006}
.catalog-photo>span{font-size:13px}
.catalog-art{font-size:138px;line-height:1.4;font-weight:500;letter-spacing:-.12em;color:#dda774}
.catalog-photo>small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.catalog-result{position:absolute;right:0;bottom:0;width:265px;border-radius:18px;padding:22px;background:#fffdf7;box-shadow:0 24px 40px -18px #0005;transform:rotate(5deg)}
.tiny-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#79796f}
.catalog-result>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:15px 0;border-bottom:1px solid #deddd5}
.catalog-result b{font-variant-numeric:tabular-nums;font-weight:500}
.approved{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:10px;color:#36714b}
.approved svg{width:14px;height:14px}
.tour-art-3{background:radial-gradient(ellipse at center,#bccbbd,transparent 76%)}
.demo-phone{position:relative;width:275px;height:445px;background:#111613;color:#f8f8f4;border:6px solid #424540;box-shadow:inset 0 0 0 1px #000,0 25px 50px -24px #0008;border-radius:42px;padding:38px 9px 22px;transform:rotate(7deg)}
.phone-island{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:78px;height:18px;border-radius:20px;background:black}
.phone-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:80px;height:4px;border-radius:9px;background:#fffb}
.chat-head{display:flex;align-items:center;gap:8px;padding:3px 7px 14px}
.chat-head>span{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#c2cfb1;color:#111;font-size:13px}
.chat-head b{display:block;font-size:12px;font-weight:550}
.chat-head small{display:block;font-size:9px;color:#a1a79e}
.chat-head>i{width:5px;height:5px;background:#76ba6e;border-radius:50%;margin-left:auto}
.chat-body{display:flex;flex-direction:column;gap:10px;padding:9px 5px}
.bur{font-size:11px;line-height:1.5;max-width:90%;border-radius:12px;padding:10px 12px;background:#252f2a}
.bur.cliente{align-self:flex-end;background:#325643}
.bur small{display:block;text-align:right;font-size:8px;color:#a2b1a6;margin-top:4px}
.chat-file{display:flex;align-items:center;gap:9px;font-size:11px;padding:14px 10px;border-radius:12px;background:#e2e6da;color:#273627}
.chat-file small{font-size:8px}
.tour-section .flechas button{background:#d6d6ce}
.tour-section .puntos button[aria-current=true] span{background:#171717}
.tour-section .contador{color:#61615c}
.precios{background:#eeede8;color:#171717;padding-top:35px;border-radius:0 0 44px 44px}
.precios .eyebrow,.precios .section-heading>p{color:#666762}
.planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.plan{position:relative;padding:32px 28px 25px;border-radius:28px;background:#e1e1da;display:flex;flex-direction:column;min-height:466px}
.plan.destacado{grid-column:2;grid-row:1;background:#161815;color:#f1f1e9;min-height:500px}
.plan h3{font-size:25px;letter-spacing:-.035em}
.plan-intro{font-size:12px;color:#65665f;margin-top:9px}
.plan.destacado .plan-intro{color:#aeafa6}
.chip{position:absolute;right:22px;top:28px;font-size:10px;background:#d5e2c2;color:#22351b;padding:5px 10px;border-radius:20px}
.precio{display:flex;align-items:baseline;gap:8px;margin-top:27px}
.precio b{font-size:54px;line-height:1;font-weight:500;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.precio>span,.iva{font-size:12px;color:#66675f}
.iva{margin-top:8px}
.destacado .precio>span,.destacado .iva{color:#b3b5aa}
.conversaciones{font-size:13px;margin-top:25px}
.gratis{font-size:11px;line-height:1.5;margin-top:15px;color:#c1c6b6;max-width:36ch}
.plan-detalle{margin:25px 0}
.plan-detalle summary{font-size:13px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;min-height:36px;border-top:1px solid #8883;padding-top:10px}
.plan-detalle summary svg{width:16px;height:16px}
.plan ul{list-style:none;padding:0;margin:15px 0 0}
.plan li{display:flex;gap:7px;margin-top:11px;font-size:12px;line-height:1.5}
.plan li svg{width:14px;height:14px;margin-top:2px}
.plan .btn{margin-top:auto;min-height:46px;font-size:12px}
.plan .btn i{width:31px;height:31px}
.plan .btn-outline{color:#222;border-color:#94958b;background:transparent}
.plan .btn-outline i{background:#0001}
.plan-notas{display:flex;justify-content:space-between;gap:24px;margin-top:25px;font-size:12px;color:#63645c}
.plan-notas details{max-width:460px}
.plan-notas summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.plan-notas svg{width:15px;height:15px}
.plan-notas details p{margin-top:12px}
.preguntas{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}
.preguntas .eyebrow{margin-bottom:20px;color:var(--suave)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;cursor:pointer;font-size:16px;letter-spacing:-.02em}
.faq summary svg{width:18px;height:18px;margin-top:3px}
.faq details[open] summary svg,.plan-detalle[open] summary svg{transform:rotate(45deg)}
.faq details>p{font-size:14px;line-height:1.7;padding-bottom:24px;color:var(--suave)}
.cierre{position:relative;isolation:isolate;overflow:hidden;min-height:600px;display:flex;align-items:center}
.cierre>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 34%;z-index:-2}
.cierre::after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#090909 8%,#090909bd 48%,#09090911),linear-gradient(0deg,#090909,transparent 25%);z-index:-1}
.cierre .eyebrow{color:#b8b5ac;margin-bottom:23px}
.cierre h2{font-size:clamp(70px,9vw,125px);letter-spacing:-.075em}
.cierre-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pie{padding-top:60px;overflow:hidden}
.pie-arriba{display:flex;justify-content:space-between;gap:30px;align-items:center}
.pie nav{display:flex;gap:25px;font-size:11px;color:#a7a79e}
.pie address{font-style:normal;font-size:11px;line-height:1.8;color:#85867e;margin-top:40px;max-width:64ch}
.pie address b{font-weight:450;color:#b9bab0}
.pie-copy{font-size:10px;color:#85867e;margin-top:22px}
.pie-marca{margin-top:55px;text-align:center;font-size:21vw;line-height:.82;letter-spacing:-.095em;color:#dadbd2;font-weight:550;user-select:none;padding-right:.04em}
/* Legales: lectura larga, sin imponer la composición de la portada. */
.doc{max-width:790px;padding:165px 24px 90px;margin:auto}
.doc h1{font-size:clamp(42px,6vw,70px)}
.doc h2{font-size:30px;margin-top:45px}
.doc h3{font-size:21px;margin-top:30px}
.doc p,.doc li{margin-top:15px;font-size:16px;line-height:1.75;color:#b9b9b2}
.doc ul,.doc ol{padding-left:22px}
.doc b{color:#ecece5}
.doc .fecha{font-size:12px;color:#888a7d}
.doc .cuadro,.doc .aviso{padding:20px;background:#191b17;border-radius:16px;margin-top:20px}
.doc .tabla{overflow-x:auto}
.doc table{width:100%;border-collapse:collapse;margin-top:25px;font-size:14px}
.doc td,.doc th{padding:12px 8px;text-align:left;border-bottom:1px solid var(--linea)}
.doc .volver{display:inline-block;margin-top:45px;font-size:14px}
/* ── Aparición al desplazar ─────────────────────────────────
   Cada sección entra como un plano de cine: sube un poco, aclara y se
   asienta. Sólo se esconde lo que AÚN NO ha entrado en pantalla, y sólo
   cuando hay JS: sin él —y con poco movimiento— todo se ve desde el
   primer fotograma. Tres variantes:
     rev-fade   opacidad sola, para lo que no debe moverse (los carruseles
                miden su propio scroll y un transform los estorba);
     rev-cine   la imagen que se asienta desde un plano más cerrado;
     rev-serie  el contenedor entra y sus hijos van entrando uno tras otro.
   La cascada se apaga en celular, donde las tarjetas quedan una debajo de
   otra y cada una llega a su tiempo. */
.rev{opacity:1}
/* ── La cinta de integraciones ───────────────────────────────────────
   Va justo debajo del encabezado y se desliza sola. Dos listas idénticas
   una tras otra y un recorrido de exactamente la mitad: el bucle no tiene
   costura. Las máscaras de los lados evitan el corte seco.

   Los logos van en COLOR y no en silueta: varios (Facebook, Instagram,
   Mercado Pago) son una forma blanca dentro de una forma de color, y al
   volverlos monocromos se convierten en manchas. Se bajan de opacidad para
   que no le griten al encabezado, y recuperan el color al pasar el cursor.

   Con poco movimiento la cinta se detiene y se puede arrastrar con el dedo. */
.logos{position:relative;padding:clamp(40px,5.4vw,68px) 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.logos-cab{margin-bottom:clamp(22px,2.6vw,34px)}
.logos-cab .eyebrow{display:block}
.logos-cab p{margin:14px 0 0;max-width:46ch;font-size:clamp(15px,1.5vw,17px);line-height:1.55;color:var(--suave)}
.logos-cinta{
  position:relative;display:flex;width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)
}
.logos-cinta ul{
  flex:0 0 auto;display:flex;align-items:center;gap:clamp(38px,5.6vw,84px);
  margin:0;padding:0 clamp(19px,2.8vw,42px) 0 0;list-style:none;
  animation:desfile 42s linear infinite;will-change:transform
}
.logos-cinta li{
  flex:0 0 auto;height:clamp(24px,2.6vw,32px);
  display:flex;align-items:center;justify-content:center;
  opacity:.86;transition:opacity .45s var(--ease-out)
}
.logos-cinta li:hover{opacity:1}
/* Todos los logos son lockups blancos de la misma altura de origen, así que
   la cinta se iguala por ALTO y ninguno necesita afinarse. El de Clip es
   casi cuadrado y los demás son anchos: en un muro de logos eso es correcto,
   lo que se iguala es la altura de la letra, no el área. */
.logo-marca{display:block;height:100%}
.logo-marca :is(img,svg){display:block;height:100%;width:auto;object-fit:contain}
/* Clip es la única marca CUADRADA entre logotipos anchos: a la misma altura
   se ve más chica de lo que pesa. Se le da un punto más para que la fila
   quede pareja al ojo, que es lo que importa en un muro de logos. */
.l-clip .logo-marca img{height:126%}
/* El nombre, sólo para el lector de pantalla. */
.vo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes desfile{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){
  .logos-cinta{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .logos-cinta::-webkit-scrollbar{display:none}
  .logos-cinta ul{animation:none}
  .logos-cinta ul[aria-hidden]{display:none}
}

@media(prefers-reduced-motion:no-preference){
 .js .rev{transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}
 .js .rev.pending{opacity:0;transform:translateY(30px)}
 .js .rev-fade.pending{transform:none}
 .js .rev-cine{transition-duration:1.5s}
 .js .rev-cine.pending{opacity:.3;transform:scale(1.06)}
 .js .rev-t1{transition-delay:.14s}
 .js .rev-t2{transition-delay:.28s}
 .js .rev-serie.pending{opacity:1;transform:none}
 .js .rev-serie>*{transition:opacity .85s var(--ease-out),transform .85s var(--ease-out)}
 .js .rev-serie.pending>*{opacity:0;transform:translateY(30px)}
 .js .rev-serie>*:nth-child(2){transition-delay:.11s}
 .js .rev-serie>*:nth-child(3){transition-delay:.22s}
 .js .rev-serie>*:nth-child(n+4){transition-delay:.33s}
 .js .planes>.rev:nth-child(2){transition-delay:.11s}
 .js .planes>.rev:nth-child(3){transition-delay:.22s}
 .hero-imagen{animation:revelar-imagen 1.2s var(--ease-out) both}
 .hero-copy{animation:revelar-texto .8s var(--ease-out) both}
 @keyframes revelar-imagen{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
 @keyframes revelar-texto{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(hover:hover) and (pointer:fine){
 .barra nav a:hover{background:#ffffff14}
 .btn:hover{background:#deded6}
 .btn-outline:hover{background:#ffffff14}
 .flechas button:hover:not(:disabled){background:#42433e}
 .tour-section .flechas button:hover:not(:disabled){background:#bcbdb4}
 .visual-card:hover>img{transform:scale(1.025)}
 .text-link:hover{color:var(--acento)}
}
@media(min-width:1600px){.galeria{padding-inline:max(var(--gutter),calc((100vw - 1440px)/2 + var(--gutter)))}}
@media(max-width:1000px){
 .barra nav a{padding-inline:13px}
 .barra-acciones{gap:15px}
 .hero h1{font-size:clamp(72px,9vw,100px)}
 .visual-card{flex-basis:48vw;height:66vw}
 .planes{gap:12px}
 .plan{padding:28px 21px}
 .chip{top:12px;right:18px;font-size:9px}
 .connect-icon{width:98px;height:98px;border-radius:26px}
 .connect-visual{gap:52px}
 .tour-copy{padding:30px}
 .preguntas{gap:35px}
}
@media(max-width:700px){
 :root{--gutter:24px}
 .barra{padding:20px 24px}
 .barra nav,.entrar{display:none}
 .marca{font-size:24px}
 .barra .marca svg{width:23px}
 .hero{height:auto;min-height:850px;max-height:none}
 .hero-imagen{height:690px}
 .hero-imagen img{object-position:center top}
 .hero-shade{background:linear-gradient(0deg,#090909 6%,#090909e8 27%,#09090911 64%,#09090911)}
 .hero-copy{padding-top:448px;padding-bottom:102px}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:20px}
 .hero h1{font-size:clamp(58px,15vw,94px);letter-spacing:-.07em;line-height:.97}
 .hero-copy>p{font-size:14px;margin-top:20px;max-width:30ch}
 .hero-acciones{margin-top:23px}
 .hero-bottom{bottom:24px}
 .hero-bottom>span{font-size:8px}
 .hero-bottom>a{font-size:0}
 .hero-bottom>a svg{width:18px}
 .hero-word{font-size:26vw;bottom:44px;opacity:.5}
 .btn{min-height:52px;font-size:13px}
 .hero-explorar{width:52px;height:52px}
 .btn-chico{min-height:40px;font-size:12px}
 .seccion{padding-block:72px}
 h2{font-size:44px}
 .section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:30px}
 .section-heading .eyebrow{font-size:9px;margin-bottom:18px}
 .section-heading>p{font-size:14px}
 .section-heading .text-link{font-size:12px}
 .carrusel{gap:14px}
 .visual-card{flex-basis:calc(100vw - 70px);height:calc((100vw - 70px)*1.44);min-height:450px;max-height:680px;border-radius:24px}
 .card-top{top:26px;left:25px;right:22px}
 .card-top .eyebrow{font-size:9px}
 .card-top h3{font-size:33px}
 .card-bottom{left:25px;right:22px;bottom:24px}
 .card-bottom>p{font-size:12px;max-width:21ch}
 .card-bottom details>p{font-size:13px;padding:18px}
 .carrusel-controles{gap:15px;margin-top:14px}
 .flechas button{height:42px;width:42px}
 .contador{font-size:9px}
 .manifiesto{padding-block:38px 85px}
 .manifiesto>p{font-size:clamp(32px,8vw,50px)}
 .manifiesto .eyebrow{font-size:9px}
 .tour-section{border-radius:28px 28px 0 0}
 .tour-slide{grid-template-columns:1fr;min-height:620px;border-radius:24px;align-content:start}
 .tour-copy{padding:30px 28px 0}
 .step-number{font-size:10px;margin-bottom:18px}
 .tour-copy h3{font-size:42px}
 .tour-copy>p{font-size:16px;max-width:none;margin-top:12px}
 .tour-copy>small{font-size:11px;margin-top:16px;max-width:38ch}
 .tour-art{min-height:340px;padding:30px 20px}
 .connect-visual{gap:50px}
 .connect-icon{width:92px;height:92px;border-radius:24px}
 .connect-icon svg{width:50px;height:50px}
 .connect-label{font-size:10px}
 .catalog-visual{min-height:280px;max-width:310px}
 .catalog-photo{width:170px;height:236px;padding:18px}
 .catalog-art{font-size:104px}
 .catalog-result{width:215px;padding:16px}
 .catalog-result>div{font-size:10px;padding:12px 0}
 .demo-phone{width:249px;height:404px;border-radius:37px}
 .tour-art-3{padding-block:28px;min-height:450px}
 .precios{padding-top:10px;border-radius:0 0 28px 28px}
 .planes{grid-template-columns:1fr;gap:17px}
 .js .planes>.rev:nth-child(n){transition-delay:0s}
 .plan,.plan.destacado{grid-column:auto;grid-row:auto;min-height:0;padding:29px 25px;border-radius:24px}
 .plan .precio{margin-top:24px}
 .plan .precio b{font-size:55px}
 .plan .chip{top:28px;right:24px}
 .plan .plan-detalle{margin-block:19px}
 .plan .btn{margin-top:10px}
 .gratis{font-size:12px;max-width:none}
 .plan-notas{flex-direction:column;gap:16px;font-size:11px}
 .preguntas{grid-template-columns:1fr;gap:24px}
 .faq summary{font-size:14px;padding:21px 0}
 .faq details>p{font-size:13px}
 .cierre{min-height:650px}
 .cierre>img{object-position:72% top}
 .cierre::after{background:linear-gradient(0deg,#090909 7%,#090909bd 54%,#09090933)}
 .cierre-content{padding-top:200px}
 .cierre .eyebrow{font-size:9px}
 .cierre h2{font-size:70px}
 .cierre-acciones{flex-direction:column;align-items:flex-start}
 .pie{padding-top:36px}
 .pie-arriba{align-items:flex-start;gap:25px}
 .pie nav{flex-direction:column;gap:12px;font-size:10px;text-align:right}
 .pie address{font-size:10px;margin-top:30px}
 .pie-copy{font-size:9px}
 .pie-marca{font-size:22vw;margin-top:40px}
 .doc{padding-top:125px}
}
@media(prefers-reduced-motion:reduce){
 .hero-imagen,.hero-copy{animation:none}
 .rev,.rev-serie>*,.btn,.visual-card>img,.puntos span{transition:none;transform:none}
 .btn:active,.flechas button:active,.hero-explorar:active,.visual-card:hover>img{transform:none}
}
@media(prefers-reduced-transparency:reduce){.barra nav{background:#181818;backdrop-filter:none}}
@media(prefers-contrast:more){
 :root{--suave:#d6d6cf;--linea:rgba(255,255,255,.5)}
 h2 span,.manifiesto>p span{color:#aaa}
 .hero-copy>p{color:#eee}
}