/* ═══════════════════════════════════════════════════════════════
   Vouch — landing rediseño 2026 (ES)
   Tema claro por defecto; nocturno con <html data-theme="dark">.
   Prefijos por sección: vh- hero · vp- problema · vr- cómo funciona ·
   vt- plataforma · vi- industrias · vf- FAQ · vc- cierre/footer.
   ═══════════════════════════════════════════════════════════════ */

/* ───────── Tokens ───────── */
:root{
  --f-sans:'Geist','Helvetica Neue',system-ui,sans-serif;
  --f-ui:'Inter','Geist',system-ui,sans-serif;
  --f-serif:'Instrument Serif','Times New Roman',serif;
  --ui-k:#666E7B;
  --fx-plane:#FFFFFF; --fx-line:#E5E7EB; --fx-amber:#A16207; --fx-blue:#1D4ED8; --fx-brmin:.84;
  --fx-item-on:#FFFFFF; --fx-ring-on:0 0 0 1px #E5E7EB,0 12px 30px -18px rgba(15,23,42,.25); --fx-glow:rgba(118,244,6,.16);
  --fx-plane-ring:0 0 0 1px #E5E7EB,0 30px 50px -24px rgba(15,23,42,.35); --fx-lime-bg:#F1FCE6; --fx-lime-ring:inset 0 0 0 1px #C7EE9E;
  --sc-glass:rgba(255,255,255,.86);
  --fx-k-off:#A1A1A1; --fx-t-off:#5F6368; --fx-chip-on:0 1px 3px rgba(15,23,42,.14);
  --lime:#76F406; --lime-hover:#8DFF2E; --ink:#07080A; --red:#FF5347; --amber:#FFB02E;

  --bg:#F5F5F5; --fg:#0A0A0A; --fg2:#A1A1A1; --muted:#5F6368; --faint:#8A8F8B;
  --lime-text:#3B7F00; --card:#FFFFFF; --cell:#F3F4F4; --chip-text:#374151;
  --line:#E5E7EB; --line-2:#E2E2E2; --line-r:#E5E7EB;
  --red-text:#DC2626; --red-bg:#FEF2F2; --amber-text:#B45309; --amber-bg:#FFFBEB;
  --lime-bg:#F1FCE6; --lime-ring:inset 0 0 0 1px #C7EE9E;
  --ring:0 0 0 1px #E5E7EB; --ring-on:0 0 0 1px #D9DCDF,0 18px 36px -22px rgba(15,23,42,.3);
  --t-off:#5F6368;

  /* nav + toggles */
  --nav-bg:#FFFFFF; --nav-ring:0 0 0 1px #E5E7EB;
  --bar-bg:rgba(245,245,245,.62); --bar-line:rgba(10,10,10,.06);
  /* hero */
  --top-glow:rgba(255,255,255,.95);
  --chip-bg:#FFFFFF; --chip-ring:0 0 0 1px #E5E7EB,0 2px 6px rgba(15,23,42,.05);
  --dot:rgba(10,10,10,.12); --h-glow:transparent;
  --h-card:#FFFFFF; --h-cell:#F5F5F5; --h-red-bg:#FEF2F2; --h-red-ring:inset 0 0 0 1px #FECACA;
  --card-shadow:0 40px 80px -30px rgba(15,23,42,.3),0 0 0 1px #E5E7EB;
  --side-shadow:0 30px 60px -24px rgba(15,23,42,.35),0 0 0 1px #E5E7EB;
  --logo-filter:grayscale(1) brightness(.2); --logo-op:.6;
  --ghost-bg:rgba(10,10,10,.03); --ghost-bd:rgba(10,10,10,.12); --ghost-fg:#0A0A0A;
  --ghost-bg-h:rgba(10,10,10,.06); --ghost-bd-h:rgba(10,10,10,.22);
  /* problema */
  --p-cell:#F3F4F4; --p-card-shadow:0 0 0 1px #E5E7EB,0 30px 70px -40px rgba(15,23,42,.3);
  --tab-on:#FFFFFF; --tab-on-fg:#0A0A0A; --tab-off:#5F6368; --tab-shadow:0 1px 3px rgba(15,23,42,.12);
  /* cómo funciona */
  --plane:#FFFFFF; --tile:#EEEFEF; --dot-off:#D4D6D8; --item-on:#FFFFFF;
  --r-ring-on:0 0 0 1px #E5E7EB,0 12px 30px -18px rgba(15,23,42,.25); --r-glow:rgba(118,244,6,.16);
  --plane-ring:0 0 0 1px #E5E7EB,0 30px 50px -24px rgba(15,23,42,.35);
  --k-off:#A1A1A1; --chip-on:0 1px 3px rgba(15,23,42,.14);
  /* plataforma */
  --frame:#FFFFFF; --frame-ring:0 0 0 1px #E5E7EB,0 40px 90px -40px rgba(15,23,42,.35); --t-glow:rgba(118,244,6,.12);
  /* industrias */
  --quote-bg:#F5F6F6;
  /* FAQ */
  --q-on:#3B7F00; --q-off:#0A0A0A; --num-off:#C4C7C5; --q-glow:none;
  /* cierre */
  --fg2b:#374151; --outline:rgba(10,10,10,.1);

  color-scheme:light;
}
:root[data-theme="dark"]{
  --ui-k:#8C908D;
  --fx-plane:#0E0F10; --fx-line:rgba(255,255,255,.1); --fx-amber:#FFC933; --fx-blue:#8FB0FF; --fx-brmin:.5;
  --fx-item-on:#0E0F10; --fx-ring-on:inset 0 0 0 1px rgba(255,255,255,.12); --fx-glow:rgba(118,244,6,.14);
  --fx-plane-ring:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 60px -20px rgba(0,0,0,.9); --fx-lime-bg:rgba(118,244,6,.06); --fx-lime-ring:inset 0 0 0 1px rgba(118,244,6,.28);
  --sc-glass:rgba(10,11,12,.78);
  --fx-k-off:#5E625F; --fx-t-off:#8C908D; --fx-chip-on:inset 0 0 0 1px rgba(255,255,255,.1);
  --bg:#050506; --fg:#F5F5F4; --fg2:#5E625F; --muted:#8C908D; --faint:#6E726F;
  --lime-text:#76F406; --card:#0E0F10; --cell:#17191A; --chip-text:#C8CBC8;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.08); --line-r:rgba(255,255,255,.1);
  --red-text:#FF7B71; --red-bg:rgba(255,83,71,.12); --amber-text:#FFB02E; --amber-bg:rgba(255,176,46,.12);
  --lime-bg:rgba(118,244,6,.06); --lime-ring:inset 0 0 0 1px rgba(118,244,6,.28);
  --ring:inset 0 0 0 1px rgba(255,255,255,.08); --ring-on:inset 0 0 0 1px rgba(255,255,255,.16),0 20px 40px -24px rgba(0,0,0,.9);
  --t-off:#8C908D;

  --nav-bg:rgba(255,255,255,.03); --nav-ring:inset 0 0 0 1px rgba(255,255,255,.08);
  --bar-bg:rgba(7,8,10,.62); --bar-line:rgba(255,255,255,.06);
  --top-glow:rgba(255,255,255,.07);
  --chip-bg:rgba(255,255,255,.045); --chip-ring:inset 0 0 0 1px rgba(255,255,255,.09);
  --dot:rgba(118,244,6,.5); --h-glow:rgba(118,244,6,.22);
  --h-card:#111213; --h-cell:#0A0B0C; --h-red-bg:rgba(255,83,71,.1); --h-red-ring:inset 0 0 0 1px rgba(255,83,71,.3);
  --card-shadow:0 50px 100px -30px rgba(0,0,0,1),0 0 0 1px rgba(255,255,255,.1),0 0 90px -30px rgba(118,244,6,.35);
  --side-shadow:0 30px 60px -20px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08);
  --logo-filter:brightness(0) invert(1); --logo-op:.55;
  --ghost-bg:rgba(255,255,255,.04); --ghost-bd:rgba(255,255,255,.12); --ghost-fg:#F4F6F4;
  --ghost-bg-h:rgba(255,255,255,.07); --ghost-bd-h:rgba(255,255,255,.2);

  --p-cell:#151718; --p-card-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 90px -40px rgba(0,0,0,.9);
  --tab-on:#26292A; --tab-on-fg:#F5F5F4; --tab-off:#8C908D; --tab-shadow:none;

  --plane:#0E0F10; --tile:#1A1C1D; --dot-off:#3A3D3E; --item-on:#0E0F10;
  --r-ring-on:inset 0 0 0 1px rgba(255,255,255,.12); --r-glow:rgba(118,244,6,.14);
  --plane-ring:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 60px -20px rgba(0,0,0,.9);
  --k-off:#5E625F; --chip-on:inset 0 0 0 1px rgba(255,255,255,.1);

  --frame:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03)); --frame-ring:0 50px 120px -40px rgba(0,0,0,1),0 0 90px -40px rgba(118,244,6,.25);

  --quote-bg:#141617;

  --q-on:#76F406; --q-off:#F4F6F4; --num-off:#3F443F; --q-glow:0 0 28px rgba(118,244,6,.35);

  --fg2b:#C8CBC8; --outline:rgba(255,255,255,.09);

  color-scheme:dark;
}
#faq{--line-2:#E2E2E2}
:root[data-theme="dark"] #faq{--line-2:rgba(255,255,255,.1)}

/* ───────── Base ───────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;position:relative;background:var(--bg);color:var(--fg);font-family:'Geist','Helvetica Neue',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s ease,color .35s ease}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
button{font:inherit}
.mono,.vlang{font-family:var(--f-ui);font-variant-numeric:tabular-nums}
.vsprite{position:absolute;width:0;height:0;overflow:hidden}
.vlogo{display:block;width:73px;height:28px;color:var(--fg)}
.fg2{color:var(--fg2)}
.tx-red{color:var(--red-text)}
.tx-chip{color:var(--chip-text)}
.vsec{position:relative;overflow:hidden}
@supports (overflow:clip){.vsec{overflow:clip}}
.vpad{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* ───────── Botones compartidos ───────── */
.vouch-demo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--lime);color:var(--ink);font-family:'Geist',system-ui,sans-serif;font-weight:600;font-size:14px;text-decoration:none;border:1px solid rgba(118,244,6,0);border-radius:100px;white-space:nowrap;cursor:pointer;box-shadow:0 6px 26px rgba(118,244,6,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:background .38s cubic-bezier(.2,.7,.2,1),color .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s,border-color .38s,transform .38s}
.vouch-demo-btn:hover{background:var(--lime-hover);color:var(--ink);border-color:rgba(118,244,6,.5);box-shadow:0 10px 38px rgba(118,244,6,.45),inset 0 1px 0 rgba(255,255,255,.45);transform:translateY(-1px)}
.vouch-demo-btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.vouch-demo-arrow{display:inline-flex;align-items:center;justify-content:center;width:0;height:22px;margin-left:0;opacity:0;background:var(--ink);border-radius:50%;overflow:hidden;flex-shrink:0;transition:width .38s cubic-bezier(.2,.7,.2,1),margin-left .38s cubic-bezier(.2,.7,.2,1),opacity .3s}
.vouch-demo-btn:hover .vouch-demo-arrow{width:22px;margin-left:9px;opacity:1}
.vnav-demo{min-height:40px;padding:9px 18px;font-size:13.5px}
.vh-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;background:var(--ghost-bg);border:1px solid var(--ghost-bd);color:var(--ghost-fg);font-family:'Geist',system-ui,sans-serif;font-weight:500;font-size:14px;border-radius:12px;cursor:pointer;transition:background .3s,border-color .3s}
.vh-btn-ghost:hover{background:var(--ghost-bg-h);border-color:var(--ghost-bd-h)}
.vh-btn-ghost:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* Idioma + tema (nav y footer) */
.vlang{display:flex;gap:8px;font-size:12.5px;font-weight:500;letter-spacing:-.005em;color:var(--faint)}
.vlang a{transition:color .25s}
.vlang a:hover,.vlang a[aria-current="page"]{color:var(--fg)}
.vmode-group{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--nav-bg);box-shadow:var(--nav-ring)}
.vmode{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;color:var(--muted);transition:background .3s,color .3s}
.vmode:hover{color:var(--fg)}
.vmode[aria-pressed="true"]{background:var(--lime);color:var(--ink)}

/* Etiquetas, escaneo y esquinas */
.vtag{position:absolute;padding:5px 8px;border-radius:6px;background:var(--red);color:#fff;font-family:var(--f-sans);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.vscan{position:absolute;left:0;right:0;top:6%;height:2px;background:var(--lime);box-shadow:0 0 24px 6px rgba(118,244,6,.5);animation:vscan 2.8s ease-in-out infinite alternate}
.vcorner{position:absolute;width:20px;height:20px;border:0 solid var(--lime)}
.vcorner.tl{left:12px;top:12px;border-left-width:2px;border-top-width:2px}
.vcorner.tr{right:12px;top:12px;border-right-width:2px;border-top-width:2px}
.vcorner.bl{left:12px;bottom:12px;border-left-width:2px;border-bottom-width:2px}
.vcorner.br{right:12px;bottom:12px;border-right-width:2px;border-bottom-width:2px}
.vdot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.vdot.red{background:var(--red)}
.vdot.amber{background:var(--amber)}
.j-k{color:#C8CBC8}.j-n{color:#FF7B71}.j-s{color:var(--lime)}
.i1{padding-left:16px}.i2{padding-left:32px}

/* Barra de progreso de las listas que rotan solas */
.vprog-bar{display:block;width:0;height:100%;background:var(--lime)}
.is-run>.vprog-bar,.is-run .vprog-bar{animation:vprog var(--dur,5s) linear forwards}
.is-full .vprog-bar{width:100%}
.is-paused .vprog-bar{animation-play-state:paused}

@keyframes vscan{0%{top:6%}100%{top:92%}}
@keyframes vmarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes vsweep{0%{transform:translateY(-100%)}100%{transform:translateY(400%)}}
@keyframes vblob{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vprog{from{width:0}to{width:100%}}

/* ═══════════════ NAV ═══════════════ */
.vh-topglow{position:absolute;left:0;right:0;top:0;height:480px;pointer-events:none;background:radial-gradient(594px 382px at 50% 30px,var(--top-glow),transparent)}
.vh-bar{position:sticky;top:0;z-index:300;background:var(--bar-bg);border-bottom:1px solid var(--bar-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background-color .35s,border-color .35s}
.vh-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px;transition:padding .45s cubic-bezier(.2,.7,.2,1)}
.vh-bar.is-stuck .vh-header{padding-top:11px;padding-bottom:11px}
.vh-brand{display:flex;border-radius:6px}
.vh-nav{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--nav-bg);box-shadow:var(--nav-ring);font-size:14px;color:var(--muted)}
.vh-navlink{padding:8px 14px;border-radius:999px;transition:background .25s,color .25s}
.vh-navlink:hover{background:rgba(127,127,127,.14)}
.vh-navlink.is-active{color:var(--fg)}
.vh-actions{display:flex;align-items:center;gap:14px}

/* ═══════════════ HERO ═══════════════ */
.vh-copy{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:88px}
.vh-chip{display:flex;align-items:center;gap:10px;min-height:32px;max-width:100%;padding:6px 14px;border-radius:999px;background:var(--chip-bg);box-shadow:var(--chip-ring);font-size:13px;color:var(--chip-text)}
.vh-h1{display:flex;flex-direction:column;margin-top:28px;font-size:clamp(40px,4.7vw,68px);line-height:1.04;font-weight:500;letter-spacing:-.05em;text-wrap:balance}
.vh-lead{margin-top:26px;max-width:620px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.55;color:var(--muted);text-wrap:pretty}
.vh-ctas{display:flex;gap:12px;margin-top:34px}

.vh-stage{position:relative;height:700px;margin-top:64px}
.vh-dots{position:absolute;left:-10%;right:-10%;bottom:-90px;height:520px;pointer-events:none;background-image:radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:26px 26px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:radial-gradient(ellipse 55% 70% at 50% 100%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 55% 70% at 50% 100%,#000 10%,transparent 70%)}
.vh-glow{position:absolute;left:50%;bottom:0;width:900px;height:360px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 100%,var(--h-glow),transparent 65%)}

.vh-side{position:absolute;margin:0;box-shadow:var(--side-shadow)}
.vh-side-car{left:3%;top:330px;width:270px;transform:rotate(-7deg);border-radius:18px;padding:8px;background:var(--h-card)}
.vh-side-img{position:relative;aspect-ratio:480/310;border-radius:12px;overflow:hidden}
.vh-side-img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.vh-side-img .vtag{left:10px;top:10px}
.vh-side-cap{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 6px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:12.5px;font-weight:500;color:var(--muted)}
.vh-json{right:2%;top:340px;width:300px;transform:rotate(6deg);border-radius:18px;padding:18px 20px;background:#0C0D0E;font-family:var(--f-ui);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.8;text-align:left;color:#8C908D}
.vh-json-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);color:#6E726F}

.vh-card{position:absolute;left:50%;top:20px;width:520px;transform:translateX(-50%);border-radius:22px;padding:10px;background:var(--h-card);box-shadow:var(--card-shadow);text-align:left}
.vh-card-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:12.5px;font-weight:500;color:var(--muted)}
.vh-status{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--lime-text)}
.vh-status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.vh-card-img{position:relative;aspect-ratio:1180/820;border-radius:14px;overflow:hidden}
.vh-card-img img{width:100%;height:100%;object-fit:cover;object-position:50% 90%}
.vh-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,5,6,.5))}
.vh-card-tag{left:24%;top:50%}
.vh-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.vh-cell{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:11px;background:var(--h-cell);font-size:13.5px}
.vh-cell-k{font-family:var(--f-ui);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ui-k)}
.vh-verdict{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--h-red-bg);box-shadow:var(--h-red-ring);font-size:15px;font-weight:500;color:var(--red-text)}
.vh-score{font-size:28px;font-weight:600;letter-spacing:-.04em;color:var(--red)}
.vh-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px 4px;font-size:12.5px;color:var(--muted)}
.vh-expert{display:flex;align-items:center;gap:8px}
.vh-trace{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint)}

.vh-benefits{position:relative;padding-top:72px;padding-bottom:96px}
.vh-ben-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));border-top:1px solid var(--line-2)}
.vh-ben{display:flex;flex-direction:column;gap:8px;padding:28px 28px 0 0}
.vh-ben-t{font-size:17px;font-weight:500;letter-spacing:-.02em}
.vh-ben p{font-size:15px;line-height:1.5;color:var(--muted)}
.vh-logos{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:72px}
.vh-logos-k{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint);text-align:center}
.vh-marquee{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.vh-track{display:flex;align-items:center;gap:80px;width:max-content;padding-right:80px;animation:vmarq 36s linear infinite}
.vh-marquee:hover .vh-track{animation-play-state:paused}
.vh-logo-row{display:flex;justify-content:center;align-items:center;gap:80px;flex-wrap:wrap}
.vh-logo{display:flex;align-items:center;gap:10px;height:44px;filter:var(--logo-filter);opacity:var(--logo-op);white-space:nowrap;transition:filter .35s,opacity .35s}
.vh-logo:hover{filter:none;opacity:1}
.vh-logo img{width:auto}
.vh-logo .lg-sm{height:28px}
.vh-logo-fc{font-size:19px;font-weight:600;letter-spacing:-.03em;color:#5A1A9E}

/* ═══════════════ Encabezados de sección ═══════════════ */
.vsection{position:relative;padding-top:128px;padding-bottom:136px}
.vhead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));align-items:end;gap:28px 72px}
.vhead-narrow{max-width:760px}
.vh2{display:flex;flex-direction:column;font-size:clamp(36px,4vw,56px);line-height:1.04;font-weight:500;letter-spacing:-.045em;text-wrap:balance}
.vlead{max-width:520px;font-size:17px;line-height:1.6;color:var(--muted);text-wrap:pretty}

/* ═══════════════ EL PROBLEMA ═══════════════ */
.vp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));gap:20px;margin-top:64px}
.vp-cmp{display:flex;flex-direction:column;gap:14px;padding:12px;border-radius:24px;background:var(--card);box-shadow:var(--p-card-shadow)}
.vp-tabs{display:flex;align-self:flex-start;gap:2px;padding:3px;border-radius:12px;background:var(--p-cell)}
.vp-tab{display:flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--tab-off);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.vp-tab:hover{filter:brightness(1.12)}
.vp-tab[aria-pressed="true"]{background:var(--tab-on);color:var(--tab-on-fg);box-shadow:var(--tab-shadow)}
.vp-stage{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#111}
.vp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--obj,50% 50%)}
.vp-fakewrap{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}
.vp-lbl{position:absolute;top:14px;display:flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;font-family:var(--f-sans);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.vp-lbl-real{left:14px;background:rgba(10,10,10,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#7CE38B}
.vp-lbl-fake{right:14px;background:var(--red);color:#fff}
.vp-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--lime);box-shadow:0 0 16px rgba(118,244,6,.7);pointer-events:none}
.vp-handle{position:absolute;top:50%;left:var(--pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.4);pointer-events:none}
.vp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:col-resize}
.vp-range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;border-radius:50%;background:transparent;cursor:grab}
.vp-range::-moz-range-thumb{width:48px;height:48px;border:0;border-radius:50%;background:transparent;cursor:grab}
.vp-stage:has(.vp-range:focus-visible){outline:2px solid var(--lime);outline-offset:-2px}
.vp-signals{display:flex;flex-direction:column;gap:6px;margin:0;padding:2px 2px 4px;list-style:none}
.vp-signals li{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border-radius:10px;background:var(--p-cell);font-size:13.5px;line-height:1.4;color:var(--chip-text)}
.vp-pains{display:flex;flex-direction:column;gap:12px}
.vp-pain{display:flex;gap:18px;padding:24px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
.vp-pain:hover{border-color:var(--lime);transform:scale(.98);box-shadow:0 0 0 1px rgba(118,244,6,.25),0 10px 40px -10px rgba(118,244,6,.35)}
.vp-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--red-bg)}
.vp-pain>div{display:flex;flex-direction:column;gap:6px}
.vp-pain-t{font-size:17px;font-weight:500;letter-spacing:-.02em}
.vp-pain p{font-size:14.5px;line-height:1.55;color:var(--muted)}

/* ═══════════════ CÓMO FUNCIONA ═══════════════ */
.vr-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:48px}
.vr-stage{position:relative;height:680px;display:flex;align-items:center;justify-content:center}
.vr-glow{position:absolute;left:50%;top:55%;width:640px;height:420px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse at center,var(--r-glow),transparent 65%)}
.vr-entry{position:absolute;left:0;bottom:24px;z-index:5;width:288px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--plane);box-shadow:var(--plane-ring);transition:box-shadow .4s}
.vr-entry[data-drag]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}
.vr-entry.is-dragging{cursor:grabbing;transition:box-shadow .4s}
.vr-entry.is-springing{transition:transform .9s cubic-bezier(.18,1.45,.4,1),box-shadow .4s}
.vr-entry button{cursor:pointer}
.vr-entry.is-on{box-shadow:0 0 0 2px var(--lime),0 0 50px -6px rgba(118,244,6,.5)}
.vr-entry-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vr-entry-k{padding-left:4px;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint)}
.vr-chs{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--cell)}
.vr-ch{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--t-off);font-size:12px;font-weight:500;cursor:pointer;transition:background .25s,color .25s}
.vr-ch[aria-pressed="true"]{background:var(--item-on);color:var(--fg);box-shadow:var(--chip-on)}
.vr-web{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--line-r)}
.vr-web[hidden],.vr-api[hidden]{display:none}
.vr-web-bar{display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;background:#0A0A0A}
.vr-web-bar span{width:6px;height:6px;border-radius:50%;background:#2A2E2C}
.vr-web-bar em{margin-left:6px;font-style:normal;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:9.5px;color:#6E726F}
.vr-web-form{display:flex;flex-direction:column;gap:7px;padding:12px;background:#F5F5F5;color:#111827}
.vr-web-t{font-size:13px;font-weight:700;letter-spacing:-.01em}
.vr-web-l{font-size:9.5px;font-weight:500;color:#374151}
.vr-web-in{display:flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #E5E7EB;font-size:10px}
.vr-web-up{display:flex;align-items:center;gap:8px;padding:6px;border-radius:7px;background:#fff;border:1px dashed #D1D5DB}
.vr-web-up img{width:30px;height:30px;border-radius:5px;object-fit:cover;object-position:50% 82%}
.vr-web-file{display:flex;flex-direction:column;gap:1px}
.vr-web-file b{font-size:9.5px;font-weight:600}
.vr-web-file i{font-style:normal;font-size:9px;color:#15803D}
.vr-web-btn{display:flex;align-items:center;justify-content:center;height:26px;margin-top:2px;border-radius:7px;background:var(--lime);font-size:10.5px;font-weight:600;color:var(--ink)}
.vr-api{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:#0A0B0C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-family:var(--f-ui);font-variant-numeric:tabular-nums;font-size:12.5px;line-height:1.8;color:#8C908D}
.vr-api .i1{padding-left:12px}
.vr-api-c{margin-top:4px;color:#6E726F}

.vr-stack{position:relative;width:300px;height:400px;margin-left:150px;perspective:1800px}
.vr-3d{position:absolute;inset:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-38deg)}
.vr-plane{position:absolute;inset:0;border-radius:20px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--plane);transform:translateZ(var(--z));opacity:.5;box-shadow:var(--plane-ring);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s,box-shadow .4s}
.vr-plane.is-on{transform:translateZ(calc(var(--z) + 40px));opacity:1;box-shadow:0 0 0 2px var(--lime),0 0 50px -6px rgba(118,244,6,.55)}
.vr-plane-k{position:absolute;left:22px;top:22px;display:flex;flex-direction:column;gap:2px;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint)}
.vr-plane-k span:first-child{color:var(--lime-text)}
.vr-tl-line{position:absolute;left:46px;top:92px;bottom:40px;width:2px;background:var(--line-r)}
.vr-tl{position:absolute;left:40px;top:96px;display:flex;flex-direction:column;gap:30px}
.vr-tl span{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.vr-tl i{width:14px;height:14px;border-radius:50%;background:var(--dot-off)}
.vr-tl i.on{background:var(--red)}
.vr-tl .now{color:var(--fg)}
.vr-tl .now i{box-shadow:0 0 0 4px rgba(255,83,71,.25)}
.vr-tiles{position:absolute;left:22px;right:22px;top:86px;bottom:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:hidden}
.vr-tiles span{border-radius:6px;background:var(--tile)}
.vr-sweep{position:absolute;left:0;right:0;top:0;height:25%;background:linear-gradient(180deg,transparent,rgba(118,244,6,.22),transparent);animation:vsweep 2.8s linear infinite}
.vr-p1{background:#0B0C0D}
.vr-p1 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 80%;filter:grayscale(1) contrast(1.1);opacity:.35}
.vr-p1 .vr-plane-k{color:#8C908D}
.vr-p1 .vr-plane-k span:first-child{color:var(--lime)}
.vr-blob{position:absolute;border-radius:50%;filter:blur(6px)}
.vr-blob.b1{left:14%;top:50%;width:46%;height:18%;background:radial-gradient(ellipse at center,rgba(255,83,71,.95),rgba(255,83,71,.35) 45%,transparent 72%);animation:vblob 2.4s ease-in-out infinite}
.vr-blob.b2{left:30%;top:72%;width:40%;height:14%;background:radial-gradient(ellipse at center,rgba(255,176,46,.9),rgba(255,176,46,.3) 45%,transparent 72%);animation:vblob 2.8s ease-in-out .4s infinite}
.vr-blob.b3{left:60%;top:28%;width:28%;height:12%;background:radial-gradient(ellipse at center,rgba(118,244,6,.6),transparent 70%)}
.vr-box{position:absolute;left:12%;top:47%;width:52%;height:24%;border:1.5px dashed var(--red);border-radius:12px}
.vr-p0{background:#111}
.vr-p0 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 80%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.vr-file{position:absolute;left:14px;top:14px;padding:5px 8px;border-radius:6px;background:rgba(10,10,10,.7);color:#F5F5F4;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:11px;font-weight:500}

.vr-list{display:flex;flex-direction:column;gap:8px}
.vr-item{display:flex;flex-direction:column;gap:10px;width:100%;padding:18px 20px;border:0;border-radius:18px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s}
.vr-item:hover{filter:brightness(1.06)}
.vr-item[aria-pressed="true"]{background:var(--item-on);box-shadow:var(--r-ring-on)}
.vr-item-h{display:flex;align-items:center;gap:14px}
.vr-k{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--k-off);flex-shrink:0}
.vr-t{font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--t-off)}
.vr-item[aria-pressed="true"] .vr-k{color:var(--lime-text)}
.vr-item[aria-pressed="true"] .vr-t{color:var(--fg)}
.vr-detail{display:flex;flex-direction:column;gap:10px}
.vr-detail[hidden]{display:none}
.vr-desc{font-size:14.5px;line-height:1.55;color:var(--muted)}
.vr-chips{display:flex;flex-wrap:wrap;gap:6px}
.vr-chip{display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:999px;background:var(--cell);font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:12px;font-weight:500;color:var(--chip-text)}
.vr-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime)}
.vprog{display:block;height:2px;border-radius:1px;background:var(--line-r);overflow:hidden}
.vr-item{position:relative}
.vr-item .vprog{position:absolute;left:0;top:0;width:0;height:0;visibility:hidden}
.vr-human{display:flex;align-items:center;gap:12px;margin-top:8px;padding:16px 20px;border-radius:18px;background:var(--lime-bg);box-shadow:var(--lime-ring)}
.vr-human-ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--lime)}
.vr-human p{font-size:14.5px;line-height:1.45}
.vr-human strong{font-weight:600}
.vr-human p span{color:var(--muted)}

/* ═══════════════ PLATAFORMA ═══════════════ */
.vt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:56px}
.vt-btn{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:0;border-radius:18px;background:transparent;box-shadow:var(--ring);color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s,transform .3s}
.vt-btn:hover{transform:translateY(-1px)}
.vt-btn[aria-pressed="true"]{background:var(--card);box-shadow:var(--ring-on)}
.vt-btn-h{display:flex;align-items:center;gap:10px}
.vt-ico{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--cell);color:var(--t-off);transition:background .3s,color .3s}
.vt-btn[aria-pressed="true"] .vt-ico{background:var(--lime);color:var(--ink)}
.vt-btn-t{font-size:15px;font-weight:500;letter-spacing:-.015em;color:var(--t-off)}
.vt-btn[aria-pressed="true"] .vt-btn-t{color:var(--fg)}
.vt-btn-d{font-size:13.5px;line-height:1.5;color:var(--muted)}
.vt-prog{position:absolute;left:0;right:0;bottom:0;height:2px}
.vt-wrap{position:relative;margin-top:18px}
.vt-glow{position:absolute;left:10%;right:10%;top:20%;height:60%;pointer-events:none;background:radial-gradient(ellipse at center,var(--t-glow),transparent 70%);filter:blur(30px)}
.vt-frame{position:relative;border-radius:22px;padding:6px;background:var(--frame);box-shadow:var(--frame-ring)}
.vt-win{border-radius:17px;overflow:hidden;background:#F5F5F5}
.vt-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#0B0D0E}
.vt-bar>span{width:9px;height:9px;border-radius:50%;background:#2A2E2C}
.vt-bar em{flex-grow:1;display:flex;justify-content:center;font-style:normal}
.vt-bar b{display:flex;align-items:center;height:22px;padding:0 14px;border-radius:7px;background:#161A19;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:11.5px;font-weight:500;color:#6E746F}
.vt-body{display:grid;grid-template-columns:196px minmax(0,1fr);height:560px}
.vt-side{display:flex;flex-direction:column;justify-content:space-between;padding:18px 10px;background:#0A0A0A}
.vt-side-top{display:flex;flex-direction:column;gap:3px}
.vt-logo{width:52px;height:20px;margin:0 10px 20px;color:#fff}
.vt-nav{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 11px;border:0;border-radius:9px;background:transparent;font-size:12.5px;color:#B9BCB9;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.vt-nav:hover{background:#161616;color:#fff}
.vt-nav.is-on{background:#1E1E1E;color:#fff}
.vt-user{display:flex;align-items:center;gap:9px;padding:12px 6px 0;border-top:1px solid #1C1C1C}
.vt-av{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--lime);color:var(--ink);font-size:10.5px;font-weight:700}
.vt-user-t{display:flex;flex-direction:column;min-width:0}
.vt-user-t b{font-size:11px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vt-user-t i{font-style:normal;font-size:10px;color:#8A8F8B}
.vt-main{padding:24px 26px;min-width:0;overflow:hidden;color:#111827}
.vt-panel{display:flex;flex-direction:column;gap:16px;animation:vin .45s cubic-bezier(.2,.7,.2,1) both}
.vt-panel[hidden]{display:none}

/* Mockup de la app (siempre en claro, como el producto) */
.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.app-title{display:flex;flex-direction:column;gap:3px}
.app-title b{font-size:22px;font-weight:700;letter-spacing:-.02em}
.app-title i{font-style:normal;font-size:12.5px;color:#6B7280}
.app-btn-lime{display:flex;align-items:center;height:34px;padding:0 14px;border:0;border-radius:9px;background:var(--lime);font-size:12.5px;font-weight:600;color:var(--ink);flex-shrink:0;cursor:pointer;box-shadow:0 4px 14px rgba(118,244,6,.3);transition:background .2s,transform .2s,box-shadow .2s}
.app-btn-lime:hover{background:var(--lime-hover);transform:translateY(-1px);box-shadow:0 8px 20px rgba(118,244,6,.4)}
.app-btn-lime:active,.app-btn-dark:active,.app-btn-light:active,.app-filters button:active{transform:translateY(1px) scale(.98)}
.app-head-btns{display:flex;gap:8px;flex-wrap:wrap}
.app-btn-dark,.app-btn-light{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:9px;font-size:12px;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.app-btn-dark:hover{background:#1F2937;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(17,24,39,.6)}
.app-btn-light:hover{background:#F9FAFB;box-shadow:0 0 0 1px #D1D5DB,0 6px 14px -8px rgba(17,24,39,.35);transform:translateY(-1px)}
.app-btn-dark{background:#111827;font-weight:600;color:#fff}
.app-btn-light{background:#fff;box-shadow:0 0 0 1px #E5E7EB;font-weight:500;color:#111827}
.app-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.app-kpi{display:flex;align-items:center;gap:10px;padding:13px;border-radius:13px;background:#fff;box-shadow:0 0 0 1px #E8E8E8}
.app-kpi-ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--kb)}
.app-kpi-ico::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--kd)}
.app-kpi>span:last-child{display:flex;flex-direction:column}
.app-kpi b{font-size:19px;font-weight:700}
.app-kpi i{font-style:normal;font-size:11px;color:#6B7280}
.app-table{border-radius:13px;background:#fff;box-shadow:0 0 0 1px #E8E8E8;overflow:hidden}
.app-tr{display:grid;grid-template-columns:1.3fr 1.5fr 1fr .6fr 1.1fr;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #F3F3F3;font-size:12px}
.app-th{background:#FAFAFA;border-bottom-color:#EFEFEF;font-size:10px;font-weight:600;letter-spacing:.06em;color:#6B7280}
.app-tr b{font-weight:600}
.app-date{color:#4B5563}
.app-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-tag{font-size:11px;color:#6B7280}
.app-pill{padding:3px 8px;border-radius:6px;font-size:11px}
.p-red{background:#FEF2F2;box-shadow:inset 0 0 0 1px #FECACA;color:#DC2626}
.p-green{background:#F0FDF4;box-shadow:inset 0 0 0 1px #BBF7D0;color:#15803D}
.p-amber{background:#FFFBEB;box-shadow:inset 0 0 0 1px #FDE68A;color:#B45309}
.app-pill-lg{display:flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:600;flex-shrink:0}
.app-filters{display:flex;flex-wrap:wrap;gap:6px}
.app-filters button{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:0;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #E5E7EB;font-size:11px;color:#374151;cursor:pointer;transition:box-shadow .2s,background .2s,transform .2s}
.app-filters button:hover{box-shadow:0 0 0 1px #A9DD6E;background:#FBFFF6}
.app-filters b{font-weight:600;color:#111827}
.app-filters em{margin-left:2px}
.app-filters em{font-style:normal;color:#9CA3AF}
.app-bar-t span{transition:width .6s cubic-bezier(.2,.7,.2,1)}
.app-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}
.app-split-eq{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.app-box{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:13px;background:#fff;box-shadow:0 0 0 1px #E8E8E8}
.app-box-t{font-size:13px;font-weight:600}
.app-rate{gap:4px}
.app-k{font-size:10px;font-weight:600;letter-spacing:.08em;color:#6B7280}
.app-rate b{font-size:34px;font-weight:800;letter-spacing:-.03em;color:#DC2626}
.app-rate i{font-style:normal;font-size:11px;color:#6B7280}
.app-bar{display:grid;grid-template-columns:78px minmax(0,1fr) 34px;align-items:center;gap:10px;font-size:11.5px}
.app-bar>span:first-child{color:#374151}
.app-bar-t{height:8px;border-radius:4px;background:#F1F2F2;overflow:hidden}
.app-bar-t span{display:block;height:100%;border-radius:4px;background:#EF4444}
.app-bar b{font-weight:600;text-align:right}
.app-evo-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.app-legend{display:flex;gap:12px;font-size:10.5px;color:#6B7280}
.app-legend span{display:flex;align-items:center;gap:5px}
.app-legend i{width:8px;height:8px;border-radius:2px}
.app-evo{display:flex;align-items:flex-end;gap:7px;height:120px}
.app-evo>div{flex:1;display:flex;flex-direction:column-reverse;gap:2px;height:100%}
.app-evo span{border-radius:3px}
.app-evo .g{background:#22C55E}.app-evo .a{background:#F59E0B}.app-evo .r{background:#EF4444}
.app-report-wrap{transform:rotate(-2deg);margin-top:6px}
.app-report{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #E5E7EB,0 20px 40px -24px rgba(15,23,42,.35);color:#111827;overflow:hidden}
.app-report-top{height:4px;margin:-18px -20px 4px;background:var(--lime)}
.app-report-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.app-report-h span{font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:9.5px;font-weight:600;color:#6B7280}
.app-report-logo{width:42px;height:16px;color:#0A0A0A}
.app-report-t{font-size:15px;font-weight:700;letter-spacing:-.01em}
.app-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.app-report-kpis div{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:7px;background:#F9FAFB}
.app-report-kpis div.red{background:#FEF2F2}
.app-report-kpis div.red b{color:#DC2626}
.app-report-kpis b{font-size:15px;font-weight:700}
.app-report-kpis i{font-style:normal;font-size:9.5px;color:#6B7280}
.app-report-lines{display:flex;flex-direction:column;gap:6px}
.app-report-lines span{height:6px;border-radius:3px;background:#EEF0F0}
.app-report-f{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #F0F0F0;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:9px;color:#9CA3AF}
.app-reports{display:flex;flex-direction:column;gap:10px}
.app-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #E8E8E8;font-size:12px}
.app-row>span{display:flex;flex-direction:column;gap:2px}
.app-row b{font-weight:600}
.app-row i{font-style:normal;font-size:11px;color:#6B7280}
.app-dl{display:flex;gap:4px}
.app-dl a{padding:4px 7px;border-radius:6px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:10px;font-weight:500;color:#374151;box-shadow:0 0 0 1px #E5E7EB;transition:background .2s,color .2s,box-shadow .2s}
.app-dl a:hover{background:var(--lime);color:var(--ink);box-shadow:0 0 0 1px var(--lime)}
.app-trace{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}
.app-trace-img{display:flex;flex-direction:column;gap:8px}
.app-trace-img img{width:100%;height:auto;aspect-ratio:1;border-radius:12px;object-fit:cover;object-position:50% 82%}
.app-trace-img span{font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:10px;color:#6B7280}
.app-trace .app-box{gap:4px}
.app-trace-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px}
.app-trace-h span{font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:10px;color:#9CA3AF}
.app-step{display:grid;grid-template-columns:62px 16px minmax(0,1fr);gap:10px;align-items:start}
.app-step time{padding-top:1px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:10.5px;color:#9CA3AF}
.app-node{position:relative;display:flex;justify-content:center;align-self:stretch}
.app-node::before{content:"";position:relative;z-index:1;width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--nc);box-shadow:0 0 0 3px #fff}
.app-node::after{content:"";position:absolute;top:8px;bottom:-14px;width:1.5px;background:#E5E7EB}
.app-step-last .app-node::after{display:none}
.app-step>span:last-child{display:flex;flex-direction:column;gap:1px;padding-bottom:10px}
.app-step{transition:opacity .35s,transform .35s}
.is-running .app-step{opacity:0;transform:translateY(6px)}
.is-running .app-step.is-in{opacity:1;transform:none}
.app-pill-lg.is-busy{background:#F3F4F6;box-shadow:inset 0 0 0 1px #E5E7EB;color:#374151}
.vt-win :focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.app-step b{font-size:12.5px;font-weight:600}
.app-step i{font-style:normal;font-size:11px;color:#6B7280}

/* ═══════════════ INDUSTRIAS ═══════════════ */
.vi-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:20px;margin-top:56px;align-items:start}
.vi-list{display:flex;flex-direction:column;gap:8px}
.vi-btn{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border:0;border-radius:18px;background:transparent;box-shadow:var(--ring);color:var(--t-off);text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,box-shadow .3s}
.vi-btn[aria-pressed="true"]{background:var(--card);box-shadow:var(--ring-on);color:var(--fg)}
.vi-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:var(--cell);color:var(--t-off);transition:background .3s,color .3s}
.vi-btn[aria-pressed="true"] .vi-ico{background:var(--lime);color:var(--ink)}
.vi-btn-t{display:flex;flex-direction:column;gap:3px}
.vi-btn-t b{font-size:18px;font-weight:500;letter-spacing:-.02em}
.vi-btn-t i{font-style:normal;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint)}
.vi-box{padding:14px;border-radius:24px;background:var(--card);box-shadow:var(--ring)}
.vi-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch;animation:vin .45s cubic-bezier(.2,.7,.2,1) both}
.vi-panel[hidden]{display:none}
.vi-media{position:relative;aspect-ratio:4/3.4;border-radius:16px;overflow:hidden;background:#111}
.vi-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vi-media .vscan{box-shadow:0 0 22px 6px rgba(118,244,6,.45)}
.vi-tag{left:14px;top:14px;padding:6px 9px;border-radius:7px;font-size:11px}
.vi-text{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:8px 6px}
.vi-text-top{display:flex;flex-direction:column;gap:12px}
.vi-k{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--lime-text)}
.vi-name{font-size:26px;font-weight:500;line-height:1.12;letter-spacing:-.035em}
.vi-desc{font-size:15.5px;line-height:1.6;color:var(--muted)}
.vi-signal{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--quote-bg)}
.vi-signal span{flex-shrink:0;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--lime-text)}
.vi-signal p{font-size:14px;line-height:1.5;color:var(--chip-text)}
.vi-verdict{display:flex;align-items:center;gap:12px;--vc:var(--red);--vt:var(--red-text);--vb:var(--red-bg)}
.vi-verdict.amber{--vc:var(--amber);--vt:var(--amber-text);--vb:var(--amber-bg)}
.vi-ring{position:relative;width:46px;height:46px;flex-shrink:0}
.vi-ring svg{display:block}
.vi-ring-bg{fill:none;stroke:var(--vb);stroke-width:10}
.vi-ring-fg{fill:none;stroke:var(--vc);stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.vi-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;letter-spacing:-.04em;color:var(--vt)}
.vi-pill{display:flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:var(--vb);font-size:12.5px;font-weight:500;color:var(--vt)}
.vi-other{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:22px 24px;border-radius:20px;background:var(--card);box-shadow:var(--ring)}
.vi-other>div{display:flex;flex-direction:column;gap:4px}
.vi-other-t{font-size:17px;font-weight:500;letter-spacing:-.02em}
.vi-other p{font-size:14px;line-height:1.5;color:var(--muted)}

/* ═══════════════ FAQ ═══════════════ */
.vf-head{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.vf-lead{max-width:440px;font-size:17px;line-height:1.6;color:var(--muted)}
.vf-list{max-width:860px;margin:64px auto 0;border-bottom:1px solid var(--line-2)}
.vf-fq{position:relative;border-top:1px solid var(--line-2)}
.vf-h{font:inherit}
.vf-fqbtn{display:flex;align-items:baseline;gap:30px;width:100%;padding:30px 0 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.vf-fqbtn:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:6px}
.vf-num{flex-shrink:0;min-width:48px;font-family:var(--f-serif);font-style:italic;font-size:42px;line-height:.9;font-weight:400;color:var(--num-off);transition:color .45s}
.vf-fqq{flex:1;font-size:29px;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--q-off);transition:color .45s,transform .55s cubic-bezier(.2,.7,.2,1),text-shadow .45s}
.vf-body{overflow:hidden;max-height:0;transition:max-height .6s cubic-bezier(.2,.75,.2,1)}
.vf-a{padding:20px 0 6px 78px;max-width:660px;font-size:16px;line-height:1.7;color:var(--muted);opacity:0;transform:translateY(18px);filter:blur(7px);transition:opacity .5s ease .08s,transform .55s cubic-bezier(.2,.7,.2,1) .08s,filter .5s ease .08s}
.vf-fqline{height:1.5px;width:0;margin-top:28px;background:linear-gradient(90deg,var(--lime),rgba(118,244,6,0));box-shadow:0 0 12px rgba(118,244,6,.4);transition:width .7s cubic-bezier(.2,.75,.2,1)}
.vf-fq:hover .vf-body,.vf-fq.is-pin .vf-body,.vf-fq:focus-within .vf-body{max-height:280px}
.vf-fq:hover .vf-a,.vf-fq.is-pin .vf-a,.vf-fq:focus-within .vf-a{opacity:1;transform:none;filter:none}
.vf-fq:hover .vf-fqq,.vf-fq.is-pin .vf-fqq,.vf-fq:focus-within .vf-fqq{color:var(--q-on);transform:translateX(12px);text-shadow:var(--q-glow)}
.vf-fq:hover .vf-num,.vf-fq.is-pin .vf-num,.vf-fq:focus-within .vf-num{color:var(--q-on)}
.vf-fq:hover .vf-fqline,.vf-fq.is-pin .vf-fqline,.vf-fq:focus-within .vf-fqline{width:100%}

/* ═══════════════ CIERRE + FOOTER ═══════════════ */
.vc-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:180px;padding-bottom:150px}
.vc-h2{font-size:clamp(72px,13vw,196px);line-height:.88;font-weight:600;letter-spacing:-.065em;text-wrap:balance}
.vc-dot{color:var(--lime)}
.vc-big{min-height:58px;padding:16px 30px;font-size:16px;margin-top:56px}
.vc-foot{position:relative;overflow:hidden;padding-top:40px;padding-bottom:40px}
.vc-foot-top{display:flex;flex-wrap:wrap;gap:40px 32px;padding-bottom:56px}
.vc-foot-brand{flex:2 1 320px;display:flex;flex-direction:column;gap:16px;min-width:0}
.vc-foot-logo{width:78px;height:30px}
.vc-foot-brand p{max-width:300px;font-size:15px;line-height:1.55;color:var(--muted)}
.vc-foot-nav{flex:1 1 160px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.vc-foot-k{font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;color:var(--faint)}
.vc-flink{font-size:14.5px;color:var(--fg2b);transition:color .25s}
.vc-flink:hover{color:var(--lime)}
.vc-flink:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
/* Cierre: tilde + razón social · redes · idioma y tema */
.vend{display:flex;align-items:center;justify-content:space-between;gap:28px 48px;flex-wrap:wrap;padding-top:32px;border-top:1px solid var(--line-2)}
.vend-id{display:flex;align-items:center;gap:16px;min-width:0}
.vend-mark{width:40px;height:40px;flex-shrink:0}
.vend-id p{font-size:15px;line-height:1.55;color:var(--fg)}
.vend-id p span{color:var(--muted)}
.vend-tools{display:flex;align-items:flex-start;gap:28px 56px;flex-wrap:wrap}
.vend-grp{display:flex;flex-direction:column;gap:10px}
.vend-k{font-size:13px;color:var(--faint)}
.vend-row{display:flex;align-items:center;gap:10px}
.vend-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.vend-ico:hover{background:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);color:var(--ink);transform:translateY(-2px)}
.vend-ico:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.vend-lang{position:relative}
.vend-lang summary{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 18px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;color:var(--muted);cursor:pointer;list-style:none;user-select:none;transition:box-shadow .25s}
.vend-lang summary::-webkit-details-marker{display:none}
.vend-lang summary svg:first-child{color:var(--fg);margin-right:4px}
.vend-lang summary b{font-weight:500;color:var(--fg)}
.vend-lang summary:hover,.vend-lang[open] summary{box-shadow:inset 0 0 0 1px var(--ghost-bd-h)}
.vend-lang summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.vend-chev{margin-left:2px;color:var(--faint);transform:rotate(180deg);transition:transform .25s}
.vend-lang[open] .vend-chev{transform:none}
.vend-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;min-width:100%;padding:6px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line),var(--p-card-shadow)}
.vend-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;font-size:14.5px;color:var(--fg);white-space:nowrap;transition:background .2s}
.vend-menu a span{color:var(--faint)}
.vend-menu a:hover{background:var(--cell)}
.vend-menu a[aria-current="page"]{background:var(--cell);box-shadow:inset 2px 0 0 var(--lime)}
.vend .vmode-group{padding:4px}
.vend .vmode{width:30px;height:30px}
.vc-giant{margin-top:48px;font-size:clamp(120px,24vw,340px);line-height:.78;font-weight:800;letter-spacing:-.07em;text-align:center;color:transparent;-webkit-text-stroke:1px var(--outline);user-select:none;pointer-events:none}

/* ═══════════════ HERO · cards, mapa de calor y scroll en secuencia ═══════════════
   El stage queda sticky dentro de un track de 300vh; landing.js calcula el progreso
   y, al final, las cards laterales se pueden arrastrar (vuelven con rebote). */
.hd-track{position:relative;height:300vh}
.hd-sticky{position:sticky;top:var(--stick,72px);height:calc(100vh - var(--stick,72px));display:flow-root}
.hd-stage{position:relative;height:700px;margin-top:40px;scale:var(--k,1);transform-origin:50% 0}
.hd-floor{position:absolute;bottom:0;pointer-events:none}
.hd-dots{left:-12%;right:-12%;height:460px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 22%,#000 50%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 22%,#000 50%,#000 78%,transparent 100%)}
.hd-dots>div{position:absolute;inset:0;-webkit-mask-image:radial-gradient(ellipse 52% 100% at 50% 70%,#000 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.25) 70%,transparent 95%);mask-image:radial-gradient(ellipse 52% 100% at 50% 70%,#000 0%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.25) 70%,transparent 95%)}
.hd-dots>div>div{position:absolute;left:0;right:0;bottom:-40px;height:640px;background-image:radial-gradient(var(--dot) 1px,transparent 1.4px);background-size:26px 26px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%}
.hd-glow{left:50%;width:1200px;height:460px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 100% at 50% 100%,var(--h-glow) 0%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 55%,transparent 100%);mask-image:linear-gradient(to top,transparent 0%,#000 30%,#000 55%,transparent 100%)}
.hd-dual{display:inline-grid}
.hd-dual>*{grid-area:1/1}
#hd-stage[data-case="burger"] .c-car,#hd-stage[data-case="car"] .c-burger,#hd-stage[data-case="burger"] .sw-burger,#hd-stage[data-case="car"] .sw-car{display:none !important}
.hd-drag{position:absolute;z-index:2;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;will-change:translate,rotate;transition:scale .25s cubic-bezier(.2,.7,.2,1)}
.hd-drag.is-down{cursor:grabbing;scale:1.045;z-index:6}
.hd-drag img,.hd-center img{-webkit-user-drag:none;user-select:none;pointer-events:none}
#hd-stage[data-ready="0"] .hd-drag{pointer-events:none;transition:none}
.hd-side{left:3%;top:330px;width:270px;rotate:-7deg;margin:0;border-radius:18px;padding:8px;background:var(--h-card);box-shadow:var(--side-shadow)}
.hd-side-img{position:relative;aspect-ratio:480/310;border-radius:12px;overflow:hidden}
.hd-side-img>div{position:absolute;inset:0}
.hd-side-img img{display:block;width:100%;height:100%;object-fit:cover}
.hd-side-img .sw-car img{object-position:50% 45%}
.hd-side-img .sw-burger img{object-position:50% 90%}
.hd-side-cap{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 6px;font-family:var(--f-ui);font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--muted)}
.hd-side-cap b{font-family:var(--f-sans);font-weight:500;color:var(--red-text)}
.hd-hint{position:absolute;left:50%;top:100%;margin-top:18px;translate:-50% 0;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--h-card);box-shadow:var(--side-shadow);font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap;transition:opacity .3s}
#hd-stage[data-used="1"] .hd-hint{opacity:0}
.hd-json{right:2%;top:340px;width:300px;rotate:6deg;border-radius:18px;padding:18px 20px;background:#0C0D0E;box-shadow:var(--side-shadow);font-family:var(--f-ui);font-size:12.5px;line-height:1.8;font-variant-numeric:tabular-nums;text-align:left;color:#8C908D}
.hd-json-h{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);color:#6E726F}
.hd-center{z-index:1;will-change:scale,opacity,filter}
.hd-drop{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;border-radius:22px;background:rgba(118,244,6,.08);box-shadow:inset 0 0 0 2px var(--lime);opacity:0;pointer-events:none;transition:opacity .2s}
.hd-drop span{padding:9px 14px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:13.5px;font-weight:600}
.hd-center.is-target .hd-drop{opacity:1}
.hd-photo{position:relative;aspect-ratio:1180/820;border-radius:14px;overflow:hidden;background:#111;cursor:pointer}
.hd-photo>.c-burger,.hd-photo>.c-car{position:absolute;inset:0}
.hd-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hd-photo .c-burger img{object-position:50% 90%}
.hd-photo .c-car img{object-position:50% 50%}
.hm-burger{--hm:radial-gradient(ellipse 36% 15% at 48% 57%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 20% 12% at 28% 60%,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.42) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 20% 12% at 72% 52%,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.39) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 28% 9% at 52% 88%,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0) 100%)}
.hm-car{--hm:radial-gradient(ellipse 30% 17% at 36% 52%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 26% 14% at 42% 67%,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.51) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 12% 9% at 60% 49%,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.36) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 14% 12% at 24% 60%,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.36) 50%,rgba(0,0,0,0) 100%)}
.hd-an{position:absolute;inset:0;animation:hd-reveal 3.4s cubic-bezier(.5,0,.4,1) .6s both}
.hd-an .g{filter:grayscale(1) contrast(1.3) brightness(.45)}
.hd-an .h{filter:grayscale(1) contrast(1.15) brightness(1.55);-webkit-mask-image:var(--hm);mask-image:var(--hm)}
.hd-an .t{position:absolute;inset:0;background:#76F406;mix-blend-mode:color;-webkit-mask-image:var(--hm);mask-image:var(--hm)}
.hd-scanline{position:absolute;left:0;right:0;top:0;height:2px;background:var(--lime);box-shadow:0 0 24px 6px rgba(118,244,6,.5);animation:hd-scan 3.4s cubic-bezier(.5,0,.4,1) .6s both,hd-fade .35s ease 4s forwards}
.hd-trace{color:var(--faint)}
@keyframes hd-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes hd-scan{from{top:0}to{top:100%}}
@keyframes hd-fade{from{opacity:1}to{opacity:0}}

/* ═══════════════ CÓMO FUNCIONA · la pila de capas se desarma con el scroll ═══════════════
   Sección sticky de 100vh dentro de un track de 480vh. landing.js pasa el progreso
   (0 = Entrada … 3 = Capa 03) a cada plano: --fc foco, --pz/--px/--po despegue, --br brillo. */
.fx-track{position:relative;height:480vh}
.fx-sec{position:sticky;top:0;height:100vh;padding-top:calc(var(--stick,72px) + 16px);padding-bottom:24px;display:flex;flex-direction:column;gap:18px}
.fx-h2{max-width:980px;font-size:clamp(30px,3.2vw,46px)}
.fx-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px}
.fx-stage{position:relative;height:100%;min-height:0}
.fx-glow{position:absolute;left:50%;top:52%;width:640px;height:420px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(ellipse at center,var(--fx-glow),transparent 65%)}
/* Entrada (arrastrable) */
.fx-entry{--ering:var(--fx-plane-ring);position:absolute;left:0;bottom:8px;z-index:5;width:288px;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--fx-plane);box-shadow:var(--ering);transition:box-shadow .4s,opacity .3s;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;will-change:translate,rotate}
.fx-entry.is-on{--ering:0 0 0 2px var(--lime),0 0 50px -6px rgba(118,244,6,.5)}
.fx-entry.is-down{cursor:grabbing;z-index:9}
.fx-entry img{-webkit-user-drag:none;pointer-events:none}
.fx-entry-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-entry-k{padding-left:4px;font-family:var(--f-ui);font-size:11.5px;font-weight:600;color:var(--ui-k)}
.fx-tabs{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--cell)}
.fx-tab{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--fx-t-off);font:500 12px/1 var(--f-sans);cursor:pointer}
.fx-tab[aria-pressed="true"]{background:var(--fx-item-on);color:var(--fg);box-shadow:var(--fx-chip-on)}
.fx-tab:focus-visible,.fx-item:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.fx-web{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--fx-line)}
.fx-web-bar{display:flex;align-items:center;gap:5px;height:24px;padding:0 10px;background:#0A0A0A}
.fx-web-bar i{width:6px;height:6px;border-radius:50%;background:#2A2E2C}
.fx-web-bar span{margin-left:6px;font-family:var(--f-ui);font-size:9.5px;color:#6E726F}
.fx-web-body{display:flex;flex-direction:column;gap:7px;padding:12px;background:#F5F5F5;color:#111827;font-family:var(--f-ui)}
.fx-web-body>b{font-size:13px;font-weight:700;letter-spacing:-.01em}
.fx-lbl{font-size:9.5px;font-weight:500;color:#374151}
.fx-input{display:flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #E5E7EB;font-size:10px}
.fx-file{display:flex;align-items:center;gap:8px;padding:6px;border-radius:7px;background:#fff;border:1px dashed #D1D5DB}
.fx-file img{width:30px;height:30px;border-radius:5px;object-fit:cover;object-position:45% 56%}
.fx-file>span{display:flex;flex-direction:column;gap:1px}
.fx-file b{font-size:9.5px;font-weight:600}
.fx-file em{font-style:normal;font-size:9px;color:#15803D}
.fx-go{display:flex;align-items:center;justify-content:center;height:26px;margin-top:2px;border-radius:7px;background:var(--lime);font-size:10.5px;font-weight:600;color:var(--ink)}
.fx-api{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:#0A0B0C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-family:var(--f-ui);font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums;color:#8C908D}
.fx-api[hidden],.fx-web[hidden]{display:none}
.fx-i{padding-left:12px}
.fx-api-c{margin-top:4px;color:#6E726F}
/* Pila 3D */
.fx-stackwrap{--k:1;position:absolute;left:50%;top:50%;width:320px;height:470px;margin:calc(-235px + 115px * var(--k)) 0 0 -70px;transform:scale(var(--k));perspective:1800px}
.fx-grp{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-38deg)}
.fx-plane{--fc:0;--pz:0px;--px:0px;--po:1;position:absolute;inset:0;border-radius:20px;overflow:hidden;background:var(--fx-plane);opacity:var(--po);filter:brightness(var(--br,1));transform:translate3d(var(--px),0,var(--pz));font-family:var(--f-ui);color:var(--fg);box-shadow:0 0 0 calc(var(--fc) * 2px) rgba(118,244,6,var(--fc)),0 0 calc(var(--fc) * 50px) calc(var(--fc) * -6px) rgba(118,244,6,calc(var(--fc) * .55)),var(--fx-plane-ring)}
.fx-row-in{opacity:clamp(0,calc((var(--fc) - .45) * 3),1)}
.fx-ph{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 0}
.fx-ph-h{display:flex;flex-direction:column;gap:2px}
.fx-ph-k{font-size:11.5px;font-weight:600;color:var(--lime-text)}
.fx-ph-t{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--faint)}
.fx-blue{padding:3px 9px;border-radius:999px;background:rgba(96,142,255,.14);box-shadow:inset 0 0 0 1px rgba(96,142,255,.35);color:var(--fx-blue);font-size:10px;font-weight:600;white-space:nowrap}
.fx-warn{margin:16px 20px 0;padding:10px 12px;border-radius:10px;background:rgba(255,176,46,.12);box-shadow:inset 0 0 0 1px rgba(255,176,46,.35)}
.fx-warn-t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}
.fx-warn-s{margin-top:4px;padding-left:21px;font-size:10.5px;line-height:1.4;color:var(--muted)}
.fx-warn-row{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4}
.fx-warn-row svg{flex-shrink:0;margin-top:1px}
.fx-warn-row strong,.fx-warn-row b{font-weight:600;font-variant-numeric:tabular-nums}
.fx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 20px 0;padding:14px 8px;border-radius:10px;background:var(--cell)}
.fx-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px}
.fx-stats b{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fx-stats span{font-size:10.5px;color:var(--faint)}
.fx-verdict{display:flex;align-items:center;gap:14px;margin:18px 20px 0;padding-top:16px;border-top:1px solid var(--fx-line)}
.fx-ring{position:relative;width:62px;height:62px;flex-shrink:0}
.fx-ring-v{stroke-dashoffset:calc(163.4px * (1 - var(--fc)));transform:rotate(-90deg);transform-origin:50% 50%}
.fx-ring>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.fx-ring b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fx-amber)}
.fx-ring i{margin-top:2px;font-style:normal;font-size:8.5px;color:var(--faint)}
.fx-verdict-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.fx-verdict-t b{font-family:var(--f-sans);font-size:13px;font-weight:600;line-height:1.25;color:var(--fx-amber)}
.fx-verdict-t span{font-size:10.5px;color:var(--faint)}
.fx-res{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 20px 0;padding:10px 12px;border-radius:10px;background:var(--cell);box-shadow:inset 0 0 0 1px var(--fx-line)}
.fx-res-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.fx-res-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;line-height:1.35}
.fx-exact{padding:1px 6px;border-radius:4px;background:rgba(255,176,46,.2);color:var(--fx-amber);font-size:9.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.fx-res-s,.fx-res-i{font-size:10.5px;color:var(--faint)}
.fx-res-i{flex-shrink:0}
.fx-more{margin:12px 20px 0;font-size:11.5px;color:var(--muted)}
.fx-p1{background:#0B0C0D;color:#F5F5F4}
.fx-p1 .fx-ph-k{color:var(--lime)}
.fx-p1 .fx-ph-t{color:#E5E7E6}
.fx-shot{position:relative;margin:14px 20px 0;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#111}
.fx-shot-in{position:absolute;left:0;right:0;top:-63.6%;height:199.5%}
.fx-shot-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hm-sushi{--hm:radial-gradient(ellipse 15% 6.5% at 42% 48.8%,rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 15% 6.5% at 38% 53.8%,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.57) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 15% 6.5% at 32% 59.5%,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.57) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 14% 6.5% at 53% 60%,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.54) 50%,rgba(0,0,0,0) 100%),radial-gradient(ellipse 13% 5.5% at 48% 67%,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.48) 50%,rgba(0,0,0,0) 100%)}
.fx-shot-in .g{filter:grayscale(1) contrast(1.3) brightness(.45)}
.fx-shot-in .h{filter:grayscale(1) contrast(1.15) brightness(1.55);-webkit-mask-image:var(--hm);mask-image:var(--hm);opacity:var(--fc)}
.fx-shot-in .t{position:absolute;inset:0;background:#76F406;mix-blend-mode:color;-webkit-mask-image:var(--hm);mask-image:var(--hm);opacity:var(--fc)}
.fx-zone{position:absolute;left:24%;top:44%;width:40%;height:28%;border:1.5px dashed var(--lime);border-radius:8px;opacity:var(--fc)}
.fx-scan{position:absolute;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 18px 4px rgba(118,244,6,.5);animation:fx-scan 3.2s cubic-bezier(.5,0,.4,1) infinite;opacity:calc(var(--fc) * .9)}
.fx-zone-k{position:absolute;left:10px;top:10px;padding:3px 7px;border-radius:5px;background:var(--lime);color:var(--ink);font-size:10px;font-weight:600;opacity:var(--fc)}
.fx-ai{margin:12px 20px 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.fx-ai-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fx-ai-h b{font-family:var(--f-sans);font-size:12.5px;font-weight:600}
.fx-ai-h span{padding:3px 8px;border-radius:999px;background:rgba(255,83,71,.16);color:#FF7B71;font-size:10px;font-weight:600}
.fx-ai p{margin:8px 0 0;font-size:10.5px;line-height:1.5;color:#A3A7A4}
.fx-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.fx-tags-key{margin-top:9px}
.fx-tags span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:rgba(255,255,255,.07);color:#C8CBC8;font-size:10.5px;white-space:nowrap}
.fx-tags-key span{background:rgba(118,244,6,.1);color:#9BE35A}
.fx-p0{background:#111}
.fx-p0 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fx-p0-k,.fx-p0-d{position:absolute;left:14px;padding:5px 9px;border-radius:6px;background:rgba(10,10,10,.72);font-size:11px;font-variant-numeric:tabular-nums}
.fx-p0-k{top:14px;color:#F5F5F4}
.fx-p0-d{bottom:14px;color:#A3A7A4}
@keyframes fx-scan{0%{top:-2%}100%{top:102%}}
/* Panel derecho */
.fx-list{position:relative;z-index:6;display:flex;flex-direction:column;gap:8px}
.fx-item{display:block;width:100%;padding:18px 20px;border:0;border-radius:18px;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .3s,box-shadow .3s}
.fx-item-h{display:flex;align-items:center;gap:14px}
.fx-k{font-family:var(--f-ui);font-size:12px;font-weight:500;color:var(--fx-k-off);flex-shrink:0}
.fx-t{font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--fx-t-off)}
.fx-item:hover .fx-t{color:var(--fg)}
.fx-item[data-on="1"]{background:var(--fx-item-on);box-shadow:var(--fx-ring-on)}
.fx-item[data-on="1"] .fx-k{color:var(--lime-text)}
.fx-item[data-on="1"] .fx-t{color:var(--fg)}
.fx-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),opacity .3s}
.fx-body>span{display:block;min-height:0;overflow:hidden}
.fx-item[data-on="1"] .fx-body{grid-template-rows:1fr;opacity:1}
.fx-desc{display:block;margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.fx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fx-chip{display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:999px;background:var(--cell);font-family:var(--f-ui);font-size:11.5px;color:var(--chip-text)}
.fx-chip i{width:5px;height:5px;border-radius:50%;background:var(--lime)}
.fx-bar{display:block;height:2px;margin-top:12px;border-radius:1px;background:var(--fx-line);overflow:hidden}
.fx-prog{display:block;width:0;height:100%;background:var(--lime)}
.fx-note{display:flex;align-items:center;gap:12px;margin-top:8px;padding:16px 20px;border-radius:18px;background:var(--fx-lime-bg);box-shadow:var(--fx-lime-ring);font-size:14.5px;line-height:1.45}
.fx-note strong{font-weight:600}
.fx-note-s{color:var(--muted)}
.fx-note-i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--lime)}
@media (max-width:900px){
  .fx-split{grid-template-columns:minmax(0,1fr);gap:8px}
  .fx-stackwrap{margin-left:-160px}
}
@media (max-width:760px){
  .fx-sec{gap:10px;padding-bottom:12px}
  .fx-h2{font-size:26px}
  .fx-h2 .fg2{display:none}
  .fx-stage{height:290px;flex:none}
  .fx-split{align-content:start}
  .fx-entry{width:230px;bottom:0;left:50%;margin-left:-115px;opacity:var(--ent,1);pointer-events:none}
  .fx-desc,.fx-chips,.fx-note{display:none}
  .fx-item{padding:11px 14px;border-radius:14px}
}
/* Pantallas bajas: landing.js suma niveles de compactación hasta que todo entra en 100vh */
.fx-measure .fx-body{transition:none}
.fx-c1{gap:12px}
.fx-c1 .fx-chips{display:none}
.fx-c1 .fx-item{padding:12px 16px}
.fx-c1 .fx-desc{margin-top:6px;font-size:13.5px;line-height:1.5}
.fx-c1 .fx-bar{margin-top:8px}
.fx-c1 .fx-note{padding:12px 16px;font-size:13.5px}
.fx-c1 .fx-entry{scale:.88;transform-origin:0 100%}
.fx-c2 .fx-h2{font-size:28px}
.fx-c2 .fx-list{gap:4px}
.fx-c2 .fx-item{padding:9px 14px}
.fx-c2 .fx-t{font-size:15.5px}
.fx-c2 .fx-entry{scale:.76}
.fx-c3 .fx-desc{display:none}
.fx-c3 .fx-note{margin-top:4px;padding:10px 14px}
/* Sin sticky (movimiento reducido o sin overflow:clip): todo en su estado final */
.fx-static .fx-track{height:auto}
.fx-static .fx-sec{position:relative;height:auto;min-height:100vh}
.fx-static .fx-stage{min-height:560px}

/* ═══════════════ INDUSTRIAS · escenas apiladas con desbloqueo ═══════════════
   Cada escena es sticky; landing.js calcula --u (desbloqueo: foto borrosa → nítida,
   aparece el panel) y --r (retroceso de la escena que queda atrás). */
.sc-list{margin-top:56px}
.sc-slot{position:sticky;top:calc(var(--stick,72px) + 16px);margin-bottom:96px}
.sc-slot:last-child{margin-bottom:0}
.sc-card{--u:1;--r:0;position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:min(var(--h,640px),calc(100vh - var(--stick,72px) - 40px));padding:28px;border-radius:28px;overflow:hidden;background:#111;transform:scale(calc(1 - var(--r) * .05));transform-origin:50% 0;filter:brightness(calc(1 - var(--r) * .55))}
.sc-card.sc-right{justify-content:flex-end}
.sc-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(calc((1 - var(--u)) * 14px)) saturate(calc(.15 + var(--u) * .85));transform:scale(calc(1.08 - var(--u) * .08))}
.sc-scan{position:absolute;left:0;right:0;top:4%;height:2px;background:var(--lime);box-shadow:0 0 22px 6px rgba(118,244,6,.45);pointer-events:none;animation:vscan 3.2s ease-in-out infinite alternate;opacity:clamp(0,calc((var(--u) - .85) * 8),1)}
.sc-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,0) 62%)}
.sc-right .sc-shade{background:linear-gradient(to left,rgba(0,0,0,.55),rgba(0,0,0,0) 62%)}
.sc-stamp,.sc-file{position:absolute;top:22px;right:22px;opacity:clamp(0,calc((var(--u) - .85) * 8),1)}
.sc-stamp{padding:6px 10px;border-radius:7px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.sc-file{top:58px;padding:5px 9px;border-radius:6px;background:rgba(10,10,10,.72);color:#F5F5F4;font-family:var(--f-ui);font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums}
.sc-right .sc-stamp,.sc-right .sc-file{right:auto;left:22px}
.sc-orig{position:absolute;right:22px;bottom:22px;z-index:2;width:150px;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 14px 30px -10px rgba(0,0,0,.5);transform-origin:100% 100%;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.sc-right .sc-orig{right:auto;left:22px;transform-origin:0 100%}
.sc-orig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-orig:hover{transform:scale(2.1);z-index:5;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 30px 60px -20px rgba(0,0,0,.6)}
.sc-origcap{position:absolute;left:6px;bottom:6px;padding:3px 7px;border-radius:6px;background:rgba(10,10,10,.72);color:#7CE38B;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:opacity .25s}
.sc-orig:hover .sc-origcap{opacity:0}
.sc-lock{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:rgba(10,10,10,.74);color:#F5F5F4;font-size:14px;font-weight:500;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);opacity:clamp(0,calc((.75 - var(--u)) * 3.5),1)}
.sc-panel{position:relative;z-index:1;width:440px;max-width:100%;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:22px;background:var(--sc-glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);opacity:clamp(0,calc((var(--u) - .3) * 2),1);transform:translateY(calc((1 - var(--u)) * 28px))}
.sc-head{display:flex;align-items:center;gap:10px}
.sc-ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--lime);color:var(--ink)}
.sc-name{display:flex;flex-direction:column}
.sc-name b{font-size:15px;font-weight:500}
.sc-name span{font-size:13px;color:var(--muted)}
.sc-count{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:var(--f-ui);font-size:12px;font-variant-numeric:tabular-nums;color:var(--faint)}
.sc-segs{display:flex;gap:5px}
.sc-segs i{width:18px;height:4px;border-radius:2px;background:var(--fx-line)}
.sc-segs i.on{background:var(--lime)}
.sc-t{font-size:38px;line-height:1.04;font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.sc-d{font-size:15.5px;line-height:1.6;color:var(--muted)}
.sc-vs{display:grid;grid-template-columns:minmax(76px,max-content) minmax(0,1fr);align-items:baseline;gap:8px 12px;font-size:14.5px;line-height:1.5}
.sc-vs>div{display:contents;color:var(--chip-text)}
.sc-vs>div+div{color:var(--fg)}
.sc-vs>div>span:first-child{font-size:13px;font-weight:500;white-space:nowrap}
.sc-sin{color:var(--red-text)}
.sc-con{color:var(--lime-text)}
.sc-sig{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;background:var(--cell)}
.sc-sig span{flex-shrink:0;font-size:13px;font-weight:500;color:var(--lime-text)}
.sc-sig p{font-size:13.5px;line-height:1.5;color:var(--chip-text)}
@media (max-width:760px){
  .sc-slot{position:static;margin-bottom:20px}
  .sc-card,.sc-card.sc-right{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:340px 0 0;border-radius:22px;transform:none;filter:none}
  .sc-ph{height:340px}
  .sc-shade{display:none}
  .sc-orig,.sc-right .sc-orig{top:14px;bottom:auto;right:14px;left:auto;width:92px;transform-origin:100% 0}
  .sc-stamp,.sc-right .sc-stamp{top:14px;left:14px;right:auto}
  .sc-file,.sc-right .sc-file{top:auto;bottom:auto;top:300px;left:14px;right:auto}
  .sc-lock{top:170px}
  .sc-panel{width:auto;margin:0;padding:24px 20px;border-radius:0;background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  .sc-t{font-size:30px}
}

/* ═══════════════ Botón play + reproductor ═══════════════ */
.vh-play{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;padding:0;border-radius:50%;border:1px solid var(--ghost-bd);background:var(--ghost-bg);color:var(--fg);cursor:pointer;transition:background .3s,border-color .3s,transform .3s,color .3s}
.vh-play:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:scale(1.06)}
.vh-play:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.vh-play-ring{position:absolute;inset:-1px;border-radius:50%;box-shadow:0 0 0 0 rgba(118,244,6,.45);animation:vplay 2.4s ease-out infinite;pointer-events:none}
@keyframes vplay{0%{box-shadow:0 0 0 0 rgba(118,244,6,.45)}70%,100%{box-shadow:0 0 0 14px rgba(118,244,6,0)}}

.vid-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}
.vid-modal[hidden]{display:none}
.vid-backdrop{position:fixed;inset:0;background:rgba(5,5,6,.72);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);opacity:0;transition:opacity .3s ease}
.vid-modal.is-open .vid-backdrop{opacity:1}
.vid-dialog{position:relative;width:min(92vw,1280px);opacity:0;transform:scale(.96) translateY(10px);transition:opacity .32s ease,transform .32s cubic-bezier(.16,1,.3,1)}
.vid-modal.is-open .vid-dialog{opacity:1;transform:none}
.vid-player{display:block;width:100%;height:auto;max-height:84vh;border-radius:18px;background:#000;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1),0 0 90px rgba(118,244,6,.08)}
.vid-close{position:absolute;right:0;top:-48px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .2s,color .2s}
.vid-close:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}
body.vid-lock{overflow:hidden}

/* ═══════════════ Responsive ═══════════════ */
@media (max-width:900px){
  .vr-split{grid-template-columns:minmax(0,1fr)}
  .vr-stage{flex-direction:column;height:520px;gap:8px}
  .vr-entry{position:relative;left:auto;bottom:auto;order:2;width:min(340px,100%)}
  .vr-stack{margin:60px 0 40px;transform:scale(.78)}
  .vt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vi-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .hide-sm{display:none !important}
  .vpad{padding-left:16px;padding-right:16px}
  .vh-actions{gap:10px}
  .vh-ctas{align-items:center}
  .vh-stage{height:auto;display:flex;flex-direction:column;gap:16px;padding-bottom:24px}
  .vh-card{position:relative;left:auto;top:auto;transform:none;width:100%}
  .vp-tabs{align-self:stretch}
  .vp-tab{flex:1 1 0;padding:0 8px}
  .vr-stage{height:auto}
  .vr-stack{transform:scale(.62)}
  .vt-body{grid-template-columns:minmax(0,1fr);height:auto}
  .app-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-split,.app-split-eq,.app-trace{grid-template-columns:minmax(0,1fr)}
  .app-tr{grid-template-columns:1.5fr 1fr .6fr}
  .vt-btn-d{display:none}
  .vi-panel{grid-template-columns:minmax(0,1fr)}
  .vi-other{flex-direction:column;align-items:stretch}
  .vf-fqbtn{gap:16px}
  .vf-fqq{font-size:20px}
  .vf-a{padding-left:0}
  .vc-cta{padding-top:112px;padding-bottom:96px}
  .hd-track{height:auto !important}
  .hd-sticky{position:static;height:auto}
  .hd-stage{height:auto;margin-top:40px;padding-bottom:24px;scale:1}
  .hd-center{position:relative;left:auto;top:auto;transform:none;width:100%}
  .vend{flex-direction:column;align-items:flex-start}
  .vend-tools{gap:24px 32px}
}

/* ═══════════════ Movimiento reducido ═══════════════ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;transition-delay:0s !important}
  .vh-track{animation:none !important;flex-wrap:wrap;justify-content:center;width:auto;padding-right:0;gap:40px}
  .vh-track>[aria-hidden="true"]{display:none}
  .vh-marquee{-webkit-mask-image:none;mask-image:none}
  .vscan{top:50%}
  .vr-sweep{display:none}
  .hd-scanline{display:none}
  .fx-scan{display:none}
  .sc-scan{animation:none;top:50%}
  .sc-card{transform:none;filter:none}
  .sc-ph,.sc-panel{filter:none;transform:none;opacity:1}
  .fx-body{transition:none}
}