/* Lazomed · landing v2 · estilos de la portada y de /funciones (un solo archivo).
   Dirección A, «El hilo»: papel, tinta y el verde solo en el hilo. Tipografía A1 (Newsreader redonda + Instrument Sans), autoalojada. Cero cursivas, nunca.
   Origen: la maqueta aprobada el 15-oct-2026; las recreaciones del panel (.mk) viven al final. */
/* Newsreader: @fontsource-variable trae el subconjunto latino con tamaño óptico (latin-opsz, 132 KB: el que usa el panel) y uno sin él (latin-wght, 58 KB). Se queda el primero: sin el eje opsz los titulares grandes pierden la finura aprobada en la maqueta. Pendiente (sin herramientas nuevas): un subconjunto propio más chico. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-opsz-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* Dirección A, «El hilo» */
  --a-papel:#F4EEE3; --a-papel-2:#EAE1D0; --a-papel-3:#E2D7C3; --a-carta:#FFFCF6;
  --a-tinta:#16241F; --a-tinta-2:#46524D; --a-tinta-3:#525C57;
  --a-linea:#D9CEBB; --a-linea-2:#C9BCA5;
  --a-hilo:#0F8B8D; --a-hilo-hondo:#0A5F60; --a-hilo-hondo-2:#084B4C; --a-hilo-claro:#CFE6E2;
  --a-arcilla:#9C3B20; --a-arcilla-suave:#F2D9CC;
  --a-pronto-bg:#F6E7C8; --a-pronto-tx:#6E4A00;
  --a-ok-bg:#DCEBDF; --a-ok-tx:#1F6B3A;
  --a-alerta:#B4482A;
  --a-noche:#0F1C1A; --a-noche-tx:#F4EEE3; --a-noche-dim:#A9B5AF; --a-hilo-noche:#4FC1B9;
  --a-noche-linea:rgba(244,238,227,.14);
  color-scheme:light;

  /* Alias de equivalencia con los tokens que nombra §3 (revisión 1) */
  --c-bg:var(--a-papel); --c-mist:var(--a-papel-2); --c-mist-2:var(--a-papel-3);
  --c-bruma:var(--a-hilo-claro); --c-bruma-2:#B9D8D2;
  --c-ink-strong:var(--a-tinta); --c-ink:var(--a-tinta); --c-stone:var(--a-tinta-2); --c-faint:var(--a-tinta-3);
  --c-line:var(--a-linea); --c-line-2:var(--a-linea-2);
  --c-accent:var(--a-hilo); --c-accent-btn:var(--a-hilo-hondo); --c-accent-btn-hover:var(--a-hilo-hondo-2); --c-accent-text:var(--a-hilo-hondo);
  --c-ok-bg:var(--a-ok-bg); --c-ok-text:var(--a-ok-tx); --c-warn-bg:var(--a-pronto-bg); --c-warn-text:var(--a-pronto-tx);
  --c-err:var(--a-alerta);
  --d-bg:var(--a-noche); --d-text:var(--a-noche-tx); --d-dim:var(--a-noche-dim);
  --d-accent:var(--a-hilo-noche); --d-accent-l:var(--a-hilo-noche); --d-line:var(--a-noche-linea); --d-line-2:var(--a-noche-linea);

  /* Tipografía A1: Newsreader redonda (500/600) + Instrument Sans. Sin cursivas nunca. */
  --f-titulo-A1:'Newsreader',Georgia,serif;
  --f-texto:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-titulo:var(--f-titulo-A1);
  --t-w1:500; --t-w2:500; --t-ls1:-.02em; --t-ls2:-.02em; --t-esc:1; --t-opsz1:72; --t-opsz2:36;

  /* Espacios, grilla, radios, sombras, hilo */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --m:clamp(20px,5vw,64px);
  --maxw:1200px;
  --nav-h:60px;
  --sec-y:72px;
  --a-r-boton:8px; --a-r-chip:6px; --a-r-tarjeta:14px; --a-r-panel:20px;
  --a-sombra:0 1px 0 rgba(22,36,31,.04),0 14px 30px -16px rgba(22,36,31,.25);
  --a-sombra-flota:0 1px 0 rgba(22,36,31,.05),0 18px 36px -14px rgba(22,36,31,.30);
  --a-trazo:3px;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* hueco entre el borde de la columna de contenido y el hilo vertical de las secciones */
  --gap-hv:clamp(10px,2.5vw,22px);
  --gx:calc((100% - min(var(--maxw),100% - 2*var(--m)))/2 - var(--gap-hv));
}
@media (min-width:960px){:root{--sec-y:120px}}
@media (min-width:1024px){:root{--nav-h:68px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-synthesis:none}
em,i,cite,q,blockquote,address{font-style:normal}
body{margin:0;background:var(--a-papel);color:var(--a-tinta);font:400 16px/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media(min-width:960px){body{font-size:17px}}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
img,svg{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--a-hilo-hondo);outline-offset:3px}
.noche :focus-visible,.sec-noche :focus-visible{outline-color:var(--a-hilo-noche)}
.wrap{width:min(var(--maxw),100% - 2*var(--m));margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tn{font-variant-numeric:tabular-nums}
.saltar{position:absolute;left:12px;top:-60px;z-index:200;background:var(--a-tinta);color:var(--a-papel);padding:12px 16px;border-radius:var(--a-r-boton);font-weight:600;text-decoration:none}
.saltar:focus{top:12px}
html.lock{overflow:hidden}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.g{width:14px;height:14px;fill:none;stroke:var(--a-hilo);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* tipografía */
.h1{font:var(--t-w1) calc(clamp(44px,3.6vw + 30px,78px)*var(--t-esc))/1.02 var(--f-titulo);font-variation-settings:'opsz' var(--t-opsz1);letter-spacing:var(--t-ls1);text-wrap:balance}
.h2{font:var(--t-w2) calc(clamp(32px,2.2vw + 24px,54px)*var(--t-esc))/1.06 var(--f-titulo);font-variation-settings:'opsz' var(--t-opsz2);letter-spacing:var(--t-ls2);text-wrap:balance;max-width:16em}
.h3{font:600 calc(22px*var(--t-esc))/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;letter-spacing:-.005em;text-wrap:balance}
@media(min-width:960px){.h3{font-size:calc(26px*var(--t-esc))}}
.lead{font-size:17px;line-height:1.55;color:var(--a-tinta-2);max-width:62ch;text-wrap:pretty}
@media(min-width:960px){.lead{font-size:20px}}
.eyebrow{font:600 13px/1.4 var(--f-texto);color:var(--a-tinta-2)}
.rotulo{font:600 12px/1.3 var(--f-texto);font-synthesis:small-caps;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--a-tinta-3)}
@supports not (font-variant-caps:all-small-caps){.rotulo{text-transform:uppercase;font-size:11px}}
.num{font:600 18px/1 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-arcilla);font-variant-numeric:tabular-nums}
@media(min-width:960px){.num{font-size:20px}}
.nota{font-size:13px;line-height:1.45;color:var(--a-tinta-3)}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 26px;border-radius:var(--a-r-boton);font:600 16px/1.2 var(--f-texto);text-align:center;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s;max-width:100%}
.btn-p{background:var(--a-hilo-hondo);color:#fff}
.btn-p:hover{background:var(--a-hilo-hondo-2)}
.btn-s{background:transparent;border-color:var(--a-tinta);color:var(--a-tinta)}
.btn-s:hover{background:var(--a-carta)}
.btn-sm{height:44px;padding:0 18px;font-size:15px}
.btn-w{width:100%}
.btn .ic{width:18px;height:18px}
.btn-play{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:6px 4px;min-height:44px;font:600 16px/1.2 var(--f-texto);color:var(--a-hilo-hondo);text-align:left}
.btn-play .pl{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--a-hilo);display:grid;place-items:center;flex:none;transition:background-color .18s}
.btn-play .pl::after{content:'';margin-left:2px;border-left:9px solid var(--a-hilo-hondo);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent}
.btn-play:hover .pl{background:var(--a-hilo-claro)}
.btn-noche.btn-p{background:var(--a-noche-tx);color:var(--a-noche)}
.btn-noche.btn-p:hover{background:#fff}
.btn-noche.btn-s{border-color:var(--a-noche-dim);color:var(--a-noche-tx)}
.btn-noche.btn-s:hover{background:rgba(244,238,227,.08)}
.enlace{color:var(--a-hilo-hondo);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}
.enlace:hover{text-decoration-thickness:2px}
.enlace-btn{background:none;border:0;padding:0;font:inherit;color:var(--a-hilo-hondo);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* chips y etiquetas */
.pronto{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--a-r-chip);background:var(--a-pronto-bg);color:var(--a-pronto-tx);font:600 12px/1 var(--f-texto);white-space:nowrap;vertical-align:middle;margin-left:8px}
.pronto .ic{width:12px;height:12px;stroke-width:1.75}
.pronto.ini{margin:0 8px 0 0}
.plan{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--a-r-chip);background:var(--a-hilo-claro);color:var(--a-hilo-hondo);font:600 12px/1 var(--f-texto);white-space:nowrap}
.plan.gratis{background:var(--a-ok-bg);color:var(--a-ok-tx)}
.pagada{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--a-r-chip);background:var(--a-ok-bg);color:var(--a-ok-tx);font:600 12px/1 var(--f-texto);margin-left:4px;vertical-align:middle}
.rec{position:absolute;left:24px;top:-13px;height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:var(--a-r-chip);background:var(--a-arcilla);color:#fff;font:600 12px/1 var(--f-texto)}

/* aparición al bajar */
.js .rv{opacity:0;transform:translateY(8px)}
.js .rv.in{opacity:1;transform:none;transition:opacity .42s var(--ease),transform .42s var(--ease)}

/* ============ S1 · NAVEGACIÓN ============ */
.nav{position:sticky;top:0;z-index:60;background:rgba(244,238,227,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--a-linea)}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--a-hilo);min-height:44px}
.logo svg{width:26px;height:24px;overflow:visible}
.logo span{font:600 20px/1 var(--f-titulo);font-variation-settings:'opsz' 36;letter-spacing:-.01em;color:var(--a-tinta)}
.nav-links,.nav-r{display:none}
.burger{width:44px;height:44px;border:1px solid var(--a-linea);border-radius:8px;background:transparent;display:grid;place-content:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:1.75px;background:var(--a-tinta);border-radius:1px;transition:transform .2s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.75px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}
.mmenu{position:fixed;left:0;right:0;top:var(--nav-h);z-index:59;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;background:var(--a-papel);border-bottom:1px solid var(--a-linea);padding:8px var(--m) 24px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
.mmenu.on{opacity:1;transform:none;visibility:visible;transition:opacity .2s,transform .2s}
.mm-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;background:none;border:0;border-bottom:1px solid var(--a-linea);font:500 17px/1.2 var(--f-texto);color:var(--a-tinta);text-decoration:none;text-align:left}
.mm-row .ic{width:18px;height:18px;transition:transform .2s}
.mm-row[aria-expanded=true] .ic{transform:rotate(180deg)}
.mm-sub{display:grid;padding:4px 0 8px 12px;border-bottom:1px solid var(--a-linea)}
.mm-sub[hidden]{display:none}
.mm-sub a{display:flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;font-size:16px;color:var(--a-tinta-2)}
.mm-sub a .ic{color:var(--a-hilo)}
.mm-cta{display:grid;gap:10px;margin-top:20px}
@media(min-width:1024px){
  .nav-in{gap:16px}
  .logo svg{width:30px;height:28px}.logo span{font-size:22px}
  .nav-links{display:flex;gap:18px;align-items:center}
  .nav-links>a,.nav-links>.fn-b{font:500 15px/1 var(--f-texto);color:var(--a-tinta-2);text-decoration:none;display:inline-flex;align-items:center;gap:5px;min-height:44px;background:none;border:0;padding:0}
  .nav-links>a:hover,.nav-links>.fn-b:hover,.nav-links>a.act,.nav-links>.fn-b[aria-expanded=true],.nav-links>.fn-b.act{color:var(--a-tinta)}
  .nav-links .ic{width:12px;height:12px;stroke-width:2}
  .nav-pac{display:none!important}
  .nav-r{display:flex;align-items:center;gap:8px}
  .nav-r .ing{font:500 15px/1 var(--f-texto);color:var(--a-tinta-2);text-decoration:none;padding:0 8px;min-height:44px;display:inline-flex;align-items:center}
  .nav-r .ing:hover{color:var(--a-tinta)}
  .burger,.mmenu{display:none!important}
}
@media(min-width:1280px){.nav-pac{display:inline-flex!important}}
@media(min-width:1024px) and (max-width:1119px){.nav-links>a.nav-para{display:none}}
@media(min-width:1024px){.nav-links>a,.nav-links>.fn-b{white-space:nowrap;font-size:14.5px}.nav-r .btn{white-space:nowrap;padding:0 14px}}
@media(min-width:960px){.pie-demo{max-width:520px;margin-left:auto}}
.mega{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:min(720px,calc(100vw - 2*var(--m)));background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);box-shadow:var(--a-sombra-flota);padding:16px;display:none}
.mega.on{display:block;animation:megaIn .2s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.mega-g{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega-g a{display:grid;grid-template-columns:20px 1fr;gap:2px 12px;padding:12px;border-radius:10px;text-decoration:none;align-content:start}
.mega-g a:hover,.mega-g a:focus-visible{background:var(--a-papel)}
.mega-g .ic{color:var(--a-hilo);grid-row:1/3;margin-top:2px}
.mega-g b{font-size:15px;font-weight:600;line-height:1.3;color:var(--a-tinta)}
.mega-g span{font-size:13px;line-height:1.4;color:var(--a-tinta-2)}
.mega-p{display:flex;justify-content:space-between;gap:16px;margin-top:8px;padding:12px 12px 0;border-top:1px solid var(--a-linea);font-size:15px}
.mega-p a{font-weight:600;color:var(--a-hilo-hondo);text-decoration:none}
.mega-p a:hover{text-decoration:underline;text-underline-offset:3px}
.nav-in{position:relative}
.nav-anchor{position:relative}

/* barra fija del celular */
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;gap:8px;padding:8px var(--m) calc(8px + env(safe-area-inset-bottom));background:var(--a-papel);border-top:1px solid var(--a-linea);transform:translateY(105%);transition:transform .25s var(--ease)}
.sbar.on{transform:none}
.sbar .btn{height:48px;flex:1}
.sbar .btn-demo{flex:none;width:48px;padding:0;border-color:var(--a-tinta)}
@media(min-width:1024px){.sbar{display:none}}

/* ============ Sistema de fotografía (rev. 3, diseno-landing-rev3.md §3.3) ============
   .foto = la foto en su caja (radio de 20 px), con el grano compartido encima: una baldosa PNG de 128 px (img/grano.png) al 6 % en multiplicar.
   .foto--marco = marco de papel (8 px de carta, borde de 1 px y sombra). .foto--sangre = a sangre, sin marco ni radio (R4 y R16).
   --foco = el object-position del recorte (más cerrado que lo generado: la imagen completa nunca se ve tal cual). --prop = la proporción de la caja. */
.foto{position:relative;margin:0;overflow:hidden;border-radius:var(--a-r-panel);aspect-ratio:var(--prop,4/5);background:var(--a-papel-3);--foco:50% 50%}
.foto picture{position:absolute;inset:0;display:block;transition:opacity .45s ease}
.foto img{width:100%;height:100%;object-fit:cover;object-position:var(--foco)}
.foto::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:url(../img/grano.png) 0 0/128px 128px;opacity:.06;mix-blend-mode:multiply}
.foto--marco{border:8px solid var(--a-carta);box-shadow:0 0 0 1px var(--a-linea),var(--a-sombra)}
.foto--sangre{border-radius:0}

/* ============ R2 · HERO (rev. 3): la foto de la consulta, tres nudos y el hilo que los cose ============ */
.hero{position:relative;z-index:1;overflow-x:clip;padding:24px 0 40px}
.hero-grid{display:flex;flex-direction:column;gap:28px}
.h-txt,.demo-w,.sel-w{min-width:0}
.hero .eyebrow{display:flex;align-items:center;gap:12px;line-height:1.35}
.hero .eyebrow::before{content:'';flex:none;width:28px;height:3px;border-radius:2px;background:var(--a-hilo)}
.hero .h1{margin-top:16px;font-size:calc(40px*var(--t-esc));line-height:1.04}
.hero .h1>span{display:block}
.hl{color:var(--a-hilo-hondo);text-decoration:underline;text-decoration-color:var(--a-hilo);text-decoration-thickness:max(3px,.05em);text-underline-offset:.13em;text-decoration-skip-ink:auto}
.sub{margin-top:18px;font-size:17px;line-height:1.55;color:var(--a-tinta-2);max-width:46ch;text-wrap:pretty}
.sub-l{display:none}
.ctas{margin-top:24px;display:grid;gap:4px;justify-items:stretch}
.ctas .enlace-b{justify-self:center}
.micro{margin-top:12px;font-size:14px;line-height:1.5;color:var(--a-tinta-3)}
.micro-2{margin-top:2px}
.micro span{white-space:nowrap}
.sel-w{display:grid;gap:10px}
.selq{font:600 14px/1.2 var(--f-texto);color:var(--a-tinta)}
.sel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--m);margin-inline:calc(-1*var(--m));padding:2px var(--m) 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.sel::-webkit-scrollbar{display:none}
.chip-p{flex:none;scroll-snap-align:start;height:44px;min-width:44px;padding:0 16px;border-radius:8px;border:1px solid var(--a-linea);background:var(--a-carta);font:500 14px/1 var(--f-texto);color:var(--a-tinta-2);transition:background-color .15s,color .15s,border-color .15s}
.chip-p:hover{border-color:var(--a-tinta-3)}
.chip-p[aria-checked=true]{background:var(--a-tinta);border-color:var(--a-tinta);color:var(--a-papel)}
.linea-prof{font:500 18px/1.45 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta-2);max-width:62ch;min-height:4.4em;transition:opacity .15s}
.linea-prof b{font-weight:600;color:var(--a-tinta)}
.linea-prof .pronto{font-family:var(--f-texto)}

/* la foto, los nudos y el hilo */
.demo-w{position:relative}
.foto-w{position:relative;width:100%}
.hero-foto{--prop:1/1}
.nudos{position:absolute;inset:0;z-index:2;pointer-events:none}
.nudo{position:absolute;width:min(250px,76%)}
.nudo.n1{left:12px;top:12px}
.nudo.n2{display:none}
.nudo.n3{left:12px;bottom:12px}
.card-n{background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:12px 14px;box-shadow:var(--a-sombra-flota);transition:opacity .15s}
.card-n.sw{opacity:0}
.card-h{display:flex;align-items:baseline;gap:8px}
.card-h .num{font-size:18px}
.card-h b{font-size:15px;font-weight:600;color:var(--a-tinta);line-height:1.3}
.card-n p{font-size:14px;line-height:1.45;color:var(--a-tinta-2);font-variant-numeric:tabular-nums}
.card-n .card-h+p{margin-top:5px}
.card-n .sep{margin-top:8px;padding-top:8px;border-top:1px solid var(--a-linea);font-weight:600;color:var(--a-hilo-hondo)}
.js .nudo{opacity:0;transform:translateY(6px)}
.js .nudo.on{opacity:1;transform:none;transition:opacity .26s ease-out,transform .26s ease-out}
.pie-demo{margin-top:12px}
.hero-hilo{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.hero-hilo path{fill:none;stroke:var(--a-hilo);stroke-width:var(--a-trazo);stroke-linecap:round;stroke-linejoin:round}
.punto{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--a-hilo-hondo);opacity:0;z-index:3;pointer-events:none;offset-rotate:0deg}
@media(min-width:960px){
  .hero{padding:48px 0 56px;min-height:calc(min(780px,100vh) - var(--nav-h))}
  .hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .h-txt{grid-column:1/6;grid-row:1}
  .demo-w{grid-column:7/13;grid-row:1}
  .sel-w{grid-column:1/-1;grid-row:2;margin-top:36px;grid-template-columns:auto 1fr;column-gap:16px;row-gap:10px;align-items:center}
  .linea-prof{grid-column:1/-1;min-height:2.9em}
  .sel{margin:0;padding:0;overflow:visible;flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}
  .hero .eyebrow{font-size:14px}
  .hero .h1{margin-top:18px;font-size:calc(clamp(40px,2.6vw + 28px,72px)*var(--t-esc))}
  .sub{font-size:18px;margin-top:22px}
  .sub-l{display:inline}
  .sub-c{display:none}
  .ctas{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}
  .ctas .btn{white-space:nowrap}
  .ctas .enlace-b{justify-self:auto}
  .hero.hilo-sub .hl{text-decoration-color:transparent}
  .foto-w{max-width:520px;margin-left:auto}
  .hero-foto{--prop:4/5}
  .nudo{width:260px}
  .nudo.n1{left:22px;top:34px}
  .nudo.n2{display:block;right:-40px;top:42%}
  .nudo.n3{left:-32px;bottom:48px}
  .card-n{padding:14px 16px}
  .card-h b{font-size:15px}
}

/* encabezado de sección (regla de A): a la izquierda, número en arcilla + eyebrow, H2, lead */
.sec{position:relative;padding:var(--sec-y) 0}
.sec-2{background:var(--a-papel-2)}
.sec-hc{background:var(--a-hilo-claro)}
.sec-h{margin-bottom:48px}
@media(min-width:960px){.sec-h{margin-bottom:64px}}
.rot{display:flex;align-items:baseline;gap:12px;position:relative}
.rot .eyebrow{display:block}
.sec-h .h2{margin-top:16px}
.sec-h .lead{margin-top:16px}

/* ============ R3 · FUNCIONA CON LO QUE YA USAS ============ */
.integra{background:var(--a-papel-2);padding:28px 0}
.integra-in{display:grid;gap:14px}
.integra-t{font:600 14px/1.3 var(--f-texto);color:var(--a-tinta)}
.integra-l{display:flex;gap:12px 32px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--m);scrollbar-width:none;margin-inline:calc(-1*var(--m));padding:0 var(--m);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.integra-l::-webkit-scrollbar{display:none}
.integra-l li{flex:none;scroll-snap-align:start;display:grid;gap:2px;min-width:230px}
.integra-l b{display:flex;align-items:center;gap:8px;font:600 15px/1.3 var(--f-texto);color:var(--a-tinta)}
.integra-l span{font-size:14px;line-height:1.4;color:var(--a-tinta-2)}
@media(min-width:960px){
  .integra{padding:28px 0 30px}
  .integra-in{grid-template-columns:minmax(0,1fr);gap:14px}
  .integra-l{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px 24px;overflow:visible;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}
  .integra-l li{min-width:0}
}
@media(min-width:1180px){.integra-in{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px}}

/* ============ R4 · EL PROBLEMA ============ */
.sec-prob{overflow-x:clip}
.h2-afirma{font-size:calc(clamp(38px,4vw + 22px,64px)*var(--t-esc));line-height:1.04;max-width:min(100%,13em)}
.sec-h--afirma .lead{max-width:56ch}
.prob-fila{display:flex;flex-direction:column;gap:32px}
.prob-foto{--prop:4/3;margin-inline:calc(50% - 50vw);width:100vw}
.prob-l{display:grid}
.prob-m{padding:24px 0;border-top:1px solid var(--a-linea)}
.prob-m:first-child{padding-top:0;border-top:0}
.prob-f{margin-top:8px;font:500 22px/1.25 var(--f-titulo);font-variation-settings:'opsz' 24;letter-spacing:-.005em;color:var(--a-tinta)}
.prob-d{margin-top:8px;font-size:16px;line-height:1.55;color:var(--a-tinta-2);text-wrap:pretty}
.prob-r{margin-top:14px;font-size:16px;line-height:1.5;font-weight:500;color:var(--a-hilo-hondo);text-wrap:pretty}
.prob-r::before{content:'';display:block;width:28px;height:3px;margin-bottom:10px;border-radius:2px;background:var(--a-hilo)}
.prob-cierre{margin-top:48px;display:grid;gap:12px;justify-items:start}
.prob-cierre p{font:500 26px/1.2 var(--f-titulo);font-variation-settings:'opsz' 36;letter-spacing:-.01em;color:var(--a-tinta)}
@media(min-width:960px){
  .prob-fila{flex-direction:row;align-items:flex-start;gap:clamp(24px,3vw,48px)}
  .prob-foto{--prop:3/2;flex:none;margin-left:calc(50% - 50vw);margin-right:0;width:calc(50vw + 100%/12 - 24px)}
  .prob-l{flex:1;min-width:0}
  .prob-cierre{margin-top:64px;grid-template-columns:1fr auto;align-items:baseline}
  .prob-cierre p{font-size:30px}
}

/* ============ S5 · UN DÍA DE CONSULTA ============ */
.dia-tabs{display:flex;gap:0;border-bottom:1px solid var(--a-linea)}
.dia-tab{flex:1;height:48px;padding:0 8px;background:none;border:0;position:relative;font:600 16px/1 var(--f-texto);color:var(--a-tinta-2);text-align:center}
.dia-tab[aria-selected=true]{color:var(--a-tinta)}
.dia-tab[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--a-hilo);border-radius:2px}
.dia-tab .t-l{display:none}
.dia-body{margin-top:32px}
.car-hilo{position:relative;display:flex;justify-content:space-between;padding:0 7px}
.car-hilo::before{content:'';position:absolute;left:22px;right:22px;top:50%;height:3px;margin-top:-1.5px;background:var(--a-hilo);border-radius:2px}
.car-n{position:relative;width:44px;height:44px;background:none;border:0;display:grid;place-items:center;padding:0}
.car-n .c,.paso-in .c{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--a-linea-2);background:var(--sec-bg,var(--a-papel-2));display:grid;place-items:center;font:600 16px/1 var(--f-titulo);font-variant-numeric:tabular-nums;color:var(--a-arcilla);transition:background-color .2s,color .2s,border-color .2s}
.car-n[aria-current=true] .c,.paso-li[data-act] .paso-in .c{background:var(--a-hilo-hondo);border-color:var(--a-hilo-hondo);color:var(--a-carta)}
.car-nav{display:flex;align-items:center;gap:12px;margin-top:12px}
.car-b{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--a-tinta);background:transparent;display:grid;place-items:center;padding:0}
.car-b:disabled{opacity:.35;cursor:default}
.car-nav span{font-size:14px;color:var(--a-tinta-3);font-variant-numeric:tabular-nums}
/* marco de papel */
.marco{position:relative}
.marco-in{background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:6px;box-shadow:var(--a-sombra)}
.marco-pic{border-radius:9px;border:1px solid var(--a-linea);overflow:hidden;background:var(--a-papel-3);position:relative}
.marco-pic.panel{background:#FAF7F2;--a-fade:#FAF7F2}
.marco-pic.centro{display:grid;place-items:center;padding:16px 12px;background:var(--a-papel-3)}
.marco-pic.fade::after{content:'';position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--a-fade,var(--a-carta)))}
.marco .rotulo{display:block;margin-top:8px;text-align:right}
.flot{position:absolute;display:flex;align-items:center;gap:12px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:12px 16px;box-shadow:var(--a-sombra-flota);z-index:3}
.flot .ic{color:var(--a-hilo-hondo);width:22px;height:22px}
.flot b{display:block;font-size:15px;font-weight:600;color:var(--a-tinta);line-height:1.25}
.flot span{display:block;font-size:13px;color:var(--a-tinta-2);line-height:1.35}
@media(min-width:960px){
  .dia-tab{flex:none;padding:0;margin-right:32px;text-align:left}
  .dia-tab .t-l{display:inline}.dia-tab .t-c{display:none}
  .dia-body{margin-top:48px}
}

/* ============ S6 · FUNCIONES ============ */
.areas-g{display:none}
.areas-f{display:block;border-top:1px solid var(--a-linea)}
.area-f{display:grid;grid-template-columns:20px 1fr auto 18px;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--a-linea);text-align:left;text-decoration:none;color:var(--a-tinta)}
.area-f .ic{color:var(--a-hilo)}
.area-f b{font-size:16px;font-weight:600;line-height:1.3}
.area-f .cnt{font-size:14px;color:var(--a-tinta-3);font-variant-numeric:tabular-nums}
.area-f .chev{width:16px;height:16px;color:var(--a-tinta-3)}
.areas-btn{margin-top:24px}
.areas-mas{display:none}
.area-c{display:flex;flex-direction:column;text-align:left;width:100%;padding:0;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);overflow:hidden;transition:border-color .18s}
.area-c:hover{border-color:var(--a-linea-2)}
.area-c .cr{padding:6px;padding-bottom:0}
.area-c .crop-w{position:relative;aspect-ratio:16/10;border-radius:9px 9px 0 0;border:1px solid var(--a-linea);border-bottom:0;overflow:hidden;background:var(--a-papel-3)}
.area-c .tx{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.area-c .a-tt{display:flex;align-items:center;gap:10px}
.area-c .a-tt .ic{color:var(--a-hilo)}
.area-c h3{font:600 22px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24}
.area-c p{font-size:15px;line-height:1.5;color:var(--a-tinta-2)}
.area-c .ver{margin-top:auto;padding-top:6px;font-size:15px;font-weight:600;color:var(--a-hilo-hondo)}
@media(min-width:640px){
  .areas-f{display:none}
  .areas-g{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  .areas-mas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--a-linea);font-size:16px}
  .areas-mas .ad a,.areas-mas .ad button{font-weight:600}
  .areas-btn-m{display:none}
}
@media(min-width:960px){.areas-g{grid-template-columns:repeat(3,1fr)}}
.areas-btn-m{margin-top:24px}

/* hoja (cajón derecho / hoja inferior) */
dialog.hoja{border:0;padding:0;background:var(--a-carta);color:var(--a-tinta);max-width:none;max-height:none;margin:0;position:fixed;inset:auto 0 0 0;width:100%;height:88dvh;border-radius:20px 20px 0 0;overflow:hidden}
dialog.hoja::backdrop{background:rgba(15,28,26,.45)}
dialog.hoja[open]{display:flex;flex-direction:column;animation:hojaM .28s var(--ease)}
@keyframes hojaM{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes hojaD{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.hoja-asa{width:36px;height:4px;border-radius:2px;background:var(--a-linea-2);margin:10px auto 0;flex:none}
.hoja-h{display:grid;grid-template-columns:1fr 44px;gap:12px;padding:16px 20px 16px;border-bottom:1px solid var(--a-linea);flex:none}
.hoja-h .num{font-size:18px}
.hoja-h h3{margin-top:6px}
.hoja-h p{margin-top:6px;font-size:15px;color:var(--a-tinta-2)}
.hoja-x{width:44px;height:44px;border-radius:8px;border:1px solid var(--a-linea);background:transparent;display:grid;place-items:center;padding:0;align-self:start}
.hoja-b{flex:1;overflow-y:auto;padding:4px 20px 24px;overscroll-behavior:contain}
.hoja-sub{margin:24px 0 4px}
.fn-i{padding:16px 0;border-bottom:1px solid var(--a-linea)}
.fn-i:last-child{border-bottom:0}
.fn-i b{display:block;font-size:16px;font-weight:600;line-height:1.35}
.fn-i p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--a-tinta-2)}
.fn-i .et{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fn-i .et .pronto{margin:0}
.hoja-f{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--a-linea);background:var(--a-carta)}
.hoja-f .btn{height:48px}
@media(min-width:640px){
  dialog.hoja{inset:0 0 0 auto;width:520px;height:100dvh;border-radius:0;border-left:1px solid var(--a-linea)}
  dialog.hoja[open]{animation:hojaD .28s var(--ease)}
  .hoja-asa{display:none}
  .hoja-h{padding:24px 28px 20px}
  .hoja-b{padding:4px 28px 32px}
  .hoja-f{padding:16px 28px}
}

/* ============ S8 · LO QUE HACE DISTINTO ============ */
.dist-g{display:grid;gap:16px}
.dist{background:var(--a-papel-2);border-radius:var(--a-r-tarjeta);padding:28px;display:flex;flex-direction:column;gap:24px;min-width:0}
.dist .vis{min-width:0}
.dist h3{font:600 22px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;text-wrap:balance}
.dist p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--a-tinta-2);text-wrap:pretty}
.cb{display:grid;gap:8px}
.cb-m{max-width:86%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.4}
.cb-p{background:var(--a-carta);border:1px solid var(--a-linea);border-bottom-left-radius:4px;justify-self:start}
.cb-b{background:var(--a-hilo-claro);color:var(--a-tinta);border-bottom-right-radius:4px;justify-self:end}
.cb-b i{display:block;font-size:11px;font-weight:700;color:var(--a-hilo-hondo);margin-bottom:2px}
.urg .rotulo{display:block;margin-bottom:6px}
.urg{background:var(--a-carta);border:1px solid var(--a-linea);border-left:4px solid var(--a-alerta);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.5;color:var(--a-tinta-2)}
.vis-r{margin-top:10px;display:block}
.v-card{background:var(--a-carta);border:1px solid var(--a-linea);border-radius:12px;padding:16px}
.v-lin{display:block;height:8px;border-radius:4px;background:var(--a-papel-3);margin-top:10px}
.v-lin.c{width:78%}.v-lin.d{width:56%}
.v-fila{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.v-bt{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--a-linea-2);font:600 14px/1 var(--f-texto);color:var(--a-tinta)}
.v-bt.on{background:var(--a-hilo-hondo);border-color:var(--a-hilo-hondo);color:#fff}
.v-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;background:var(--a-hilo-claro);color:var(--a-hilo-hondo);font:600 12px/1 var(--f-texto)}
.v-sm{font-size:13px;color:var(--a-tinta-3);margin-top:4px}
.v-big{font:500 44px/1 var(--f-titulo);font-variation-settings:'opsz' 60;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.v-perf{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.v-ini{width:64px;height:80px;border-radius:10px;background:var(--a-hilo-claro);color:var(--a-hilo-hondo);display:grid;place-items:center;font:600 22px/1 var(--f-titulo);font-variation-settings:'opsz' 24}
@media(min-width:960px){
  .dist-g{grid-template-columns:repeat(3,1fr);gap:24px}
  .dist{padding:32px}
  .dist.d1{grid-column:1/3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:32px;row-gap:24px}
  .dist.d1 .vis{display:contents}
  .dist.d1 .cb{grid-column:1;grid-row:1/3;align-content:start}
  .dist.d1 .urg{grid-column:2;grid-row:1;align-self:start}
  .dist.d1>div:last-child{grid-column:2;grid-row:2;align-self:end}
  .dist.d1 h3{font-size:calc(30px*var(--t-esc))}
  .dist.d1 p{font-size:16px}
}

/* ============ S10 · CALCULADORA ============ */
.calc-g{display:grid;gap:16px}
.calc-in{background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-panel);padding:28px 24px;display:grid;gap:26px}
.calc-in h3{font:600 18px/1.2 var(--f-texto)}
.sl-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;font-weight:500;color:var(--a-tinta)}
.sl-t output{font:600 calc(22px*var(--t-esc))/1 var(--f-titulo);color:var(--a-hilo-hondo);font-variant-numeric:tabular-nums}
.rng{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;background:transparent;margin:0}
.rng::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--a-hilo) var(--p,50%),var(--a-linea-2) var(--p,50%))}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--a-carta);border:3px solid var(--a-hilo);margin-top:-9px;cursor:grab}
.rng::-moz-range-track{height:4px;border-radius:2px;background:var(--a-linea-2)}
.rng::-moz-range-progress{height:4px;border-radius:2px;background:var(--a-hilo)}
.rng::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--a-carta);border:3px solid var(--a-hilo);cursor:grab}
.rng:focus-visible{outline:none}
.rng:focus-visible::-webkit-slider-thumb{outline:2px solid var(--a-hilo-hondo);outline-offset:3px}
.rng:focus-visible::-moz-range-thumb{outline:2px solid var(--a-hilo-hondo);outline-offset:3px}
.sl-ayuda{margin-top:-4px;font-size:13px;color:var(--a-tinta-3)}
.calc-out{background:var(--a-hilo-claro);border-radius:var(--a-r-panel);padding:28px 24px;display:grid;gap:22px;align-content:start}
.cifra-l{font-size:14px;color:var(--a-tinta-2);display:block}
.cifra{font:500 calc(40px*var(--t-esc))/1.05 var(--f-titulo);font-variation-settings:'opsz' 72;color:var(--a-hilo-hondo);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px;display:block}
.cifra small{font:500 17px/1 var(--f-texto);letter-spacing:0;color:var(--a-tinta-2);margin-left:6px}
.calc-plan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.calc-txt{font-size:15px;line-height:1.55;color:var(--a-tinta-2);max-width:46ch}
.calc-nota{margin-top:24px;max-width:70ch}
.seg{display:inline-flex;border:1px solid var(--a-linea-2);border-radius:8px;overflow:hidden;background:transparent}
.seg button{height:46px;padding:0 18px;background:none;border:0;font:600 15px/1 var(--f-texto);color:var(--a-tinta-2);white-space:nowrap}
.seg button[aria-checked=true]{background:var(--a-tinta);color:var(--a-papel)}
.seg.sm button{height:44px;padding:0 14px;font-size:14px}
@media(min-width:960px){
  .calc-g{grid-template-columns:1fr 1fr;gap:24px}
  .calc-in{padding:36px 36px 40px;gap:30px}
  .calc-out{padding:36px}
  .cifra{font-size:calc(60px*var(--t-esc))}
}

/* ============ S11 · PRECIOS ============ */
.cobro-bar{display:flex;margin-bottom:40px}
.cobro-bar .seg{width:100%}
.cobro-bar .seg button{flex:1;padding:0 10px}
.franja-pr{margin-bottom:24px;background:var(--a-pronto-bg);color:var(--a-pronto-tx);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500}
.planes-g{display:grid;gap:32px}
.plan-c{position:relative;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:28px;display:flex;flex-direction:column;min-width:0}
.plan-c.recom{border:2px solid var(--a-hilo-hondo);padding:27px;box-shadow:var(--a-sombra);order:-1}
.plan-c h3{font:600 calc(26px*var(--t-esc))/1.15 var(--f-titulo);font-variation-settings:'opsz' 24}
.plan-c .para{margin-top:6px;font-size:15px;line-height:1.45;color:var(--a-tinta-2);min-height:2.9em}
.pr-v{margin-top:20px;transition:opacity .15s}
.pr-v.sw{opacity:0}
.precio{font:500 calc(44px*var(--t-esc))/1 var(--f-titulo);font-variation-settings:'opsz' 72;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--a-tinta)}
.precio small{font:500 16px/1 var(--f-texto);letter-spacing:0;color:var(--a-tinta-3);margin-left:4px}
@media(min-width:960px) and (max-width:1199px){.precio{font-size:calc(34px*var(--t-esc));display:flex;flex-wrap:wrap;align-items:baseline}.precio small{font-size:15px}}
.pr-nota{margin-top:8px;font-size:13px;color:var(--a-tinta-3);font-variant-numeric:tabular-nums}
.plan-c .btn{margin-top:24px}
.vinetas{margin-top:24px;display:grid;gap:11px}
.vinetas li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;line-height:1.45;color:var(--a-tinta)}
.vinetas li .ic{width:18px;height:18px;color:var(--a-hilo);margin-top:2px}
.vinetas li.tit{display:block;font-weight:600}
.vinetas li.vp{font-size:14px;color:var(--a-tinta-2);grid-template-columns:1fr;display:block}
.vinetas li.vp .pronto{margin:0 8px 0 0}
.bandas{margin-top:32px;display:grid;gap:16px}
.banda-ad{background:var(--a-hilo-claro);border-radius:var(--a-r-tarjeta);padding:24px;display:grid;grid-template-columns:24px 1fr;gap:4px 16px}
.banda-ad .ic{color:var(--a-hilo-hondo);width:24px;height:24px;grid-row:1/4}
.banda-ad h3,.banda-gr h3{font:600 20px/1.25 var(--f-titulo);font-variation-settings:'opsz' 24}
.banda-ad p,.banda-gr p{font-size:15px;line-height:1.55;color:var(--a-tinta-2)}
.banda-ad p{margin-top:2px}
.banda-ad a{margin-top:8px;font-size:15px}
.banda-gr{background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:24px;display:grid;gap:6px;align-content:start}
.banda-vd{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--a-tinta-2)}
.banda-vd .ic{color:var(--a-hilo)}
.letra{margin-top:24px;max-width:78ch}
.tabla-btn{margin-top:32px;width:100%}
@media(min-width:640px){.tabla-btn{width:auto}}
.precios-fin{margin-top:56px}
.tabla-wrap{margin-top:32px}
.tabla-wrap[hidden]{display:none}
.tabla-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:16px}
.tabla-tools .sp{flex:1}
.sw-l{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;color:var(--a-tinta);cursor:pointer}
.sw-l input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}
.sw-l .tg{position:relative;flex:none;width:40px;height:24px;border-radius:12px;background:var(--a-linea-2);transition:background-color .2s}
.sw-l .tg::after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.sw-l input:checked+.tg{background:var(--a-hilo-hondo)}
.sw-l input:checked+.tg::after{transform:translateX(16px)}
.sw-l input:focus-visible+.tg{outline:2px solid var(--a-hilo-hondo);outline-offset:3px}
.sw-l{position:relative}
.t-mov{position:sticky;top:var(--nav-h);z-index:6;background:var(--a-papel-2);padding:10px 0 12px;border-bottom:1px solid var(--a-linea-2)}
.t-mov .seg{width:100%}.t-mov .seg button{flex:1}
.t-mov-p{margin-top:10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.t-mov-p b{font:500 28px/1 var(--f-titulo);font-variant-numeric:tabular-nums}
.t-mov-p span{font-size:13px;color:var(--a-tinta-3)}
table.tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.4}
.tabla thead{display:none}
.tabla td,.tabla th{padding:0}
.tabla td.nm{padding:12px 12px 12px 0;text-align:left;font-weight:500;color:var(--a-tinta);word-wrap:break-word}
.tabla td.pc{padding:12px 0;text-align:right;width:120px;font-variant-numeric:tabular-nums}
.tabla tr.fila td{border-bottom:1px solid var(--a-linea);min-height:48px;vertical-align:middle}
.tabla td.pc{display:none}
.tabla[data-plan=esencial] td.pc-esencial,.tabla[data-plan=consulta] td.pc-consulta,.tabla[data-plan=pro] td.pc-pro{display:table-cell}
.tabla .bloque td{padding:28px 0 8px;border-bottom:2px solid var(--a-tinta)}
.tabla .bloque h4,.tabla .bloque-t{font:600 calc(22px*var(--t-esc))/1.2 var(--f-titulo);font-variation-settings:'opsz' 24}
.tabla tr.grupo td{padding:0;border-bottom:1px solid var(--a-linea-2)}
.grupo-b{display:grid;grid-template-columns:28px 22px 1fr auto 18px;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 12px;background:var(--a-papel-3);border:0;text-align:left;font-size:15px;font-weight:600;color:var(--a-tinta)}
.grupo-b .ic{width:18px;height:18px;color:var(--a-hilo)}
.grupo-b .cn{font-size:13px;font-weight:500;color:var(--a-tinta-3)}
.grupo-b .chev{color:var(--a-tinta-3);transition:transform .2s}
.grupo-b[aria-expanded=true] .chev{transform:rotate(180deg)}
.tabla tr[hidden]{display:none}
.tabla .v-ok{width:20px;height:20px;color:var(--a-hilo-hondo);stroke-width:2.2;display:inline-block;vertical-align:middle}
.tabla .v-no{width:18px;height:18px;color:var(--a-tinta-3);display:inline-block;vertical-align:middle}
.tabla .pronto{margin:0 0 0 8px}
.tabla .nm .pronto{margin-left:8px}
.tabla tr.dim-act td.nm,.tabla tr.dim-act td.pc{color:var(--a-tinta)}
.tabla tr.dim-pas td.nm,.tabla tr.dim-pas td.pc{color:var(--a-tinta-3);font-weight:400}
.tabla sup,.tabla-notas sup{font-size:.7em;line-height:0;vertical-align:super;color:var(--a-tinta-3);margin-left:2px}
.tabla-notas{margin-top:24px;display:grid;gap:6px;font-size:13px;line-height:1.5;color:var(--a-tinta-2);max-width:90ch}
.tabla-notas li{display:grid;grid-template-columns:14px 1fr;gap:4px}
.tabla-notas .fin{display:block;margin-top:8px}
.acc{border-top:1px solid var(--a-linea)}
.acc-i{border-bottom:1px solid var(--a-linea)}
.acc-q{display:grid;grid-template-columns:1fr 18px;gap:16px;align-items:center;width:100%;min-height:64px;padding:12px 0;background:none;border:0;text-align:left;font:500 18px/1.3 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta)}
.acc-q::after{content:'+';font:400 24px/1 var(--f-titulo);color:var(--a-hilo-hondo);text-align:center;transition:transform .25s}
.acc-q[aria-expanded=true]::after{transform:rotate(45deg)}
.acc-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.acc-i.open .acc-a{grid-template-rows:1fr}
.acc-a>div{overflow:hidden}
.acc-a p{padding:0 0 22px;font-size:16px;line-height:1.6;color:var(--a-tinta-2);max-width:62ch;text-wrap:pretty}
.faq-p{max-width:760px;margin-top:64px}
.faq-p h3{margin-bottom:12px}
.acc-mas{margin-top:28px;font-size:16px}
@media(min-width:960px){
  .cobro-bar .seg{width:auto}
  .cobro-bar .seg button{flex:none;padding:0 22px}
  .planes-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
  .plan-c.recom{order:0}
  .precio{font-size:calc(56px*var(--t-esc))}
  .bandas{grid-template-columns:1fr 1fr}
  .banda-vd{grid-column:1/-1}
  .acc-q{font-size:20px}
  .t-mov{display:none}
  table.tabla{table-layout:fixed}
  .tabla thead{display:table-header-group}
  .tabla thead th{position:sticky;top:var(--nav-h);z-index:6;background:var(--a-papel-2);padding:32px 12px 14px;text-align:center;border-bottom:1px solid var(--a-linea-2);vertical-align:top;font-weight:400}
  .tabla thead th.c1{text-align:left;width:40%;padding-left:0}
  .tabla thead th.pc-consulta{background:var(--a-hilo-claro);position:sticky}
  .th-n{display:block;font:600 calc(22px*var(--t-esc))/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-tinta)}
  .th-p{display:block;margin-top:6px;font:500 20px/1.1 var(--f-titulo);font-variant-numeric:tabular-nums;color:var(--a-tinta);transition:opacity .15s}
  .th-p small{font:500 13px/1.3 var(--f-texto);color:var(--a-tinta-2)}
  .th-i{display:block;margin-top:2px;font-size:12px;color:var(--a-tinta-3)}
  .tabla thead .btn{margin-top:12px;height:44px;font-size:14px;padding:0 16px}
  .th-rec{position:absolute;left:0;right:0;top:12px;font:600 11px/1 var(--f-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--a-arcilla)}
  .tabla td.nm{padding:12px 12px 12px 0;width:40%}
  .tabla td.pc{width:20%;text-align:center;padding:12px}
  .tabla td.pc-consulta{background:var(--a-hilo-claro)}
  .tabla tr.fila:hover td{background:var(--a-papel-3)}
  .tabla tr.fila:hover td.pc-consulta{background:#B9D8D2}
  .tabla td.pc{display:table-cell}
  .tabla tr.fila td{min-height:48px}
  .tabla .bloque td{padding:36px 0 10px}
}

/* ============ S12 · A MANO O CON LAZOMED ============ */
.cmp-t{display:none}
.cmp-c{display:grid;gap:10px;padding:18px 0;border-bottom:1px solid var(--a-linea)}
.cmp-c h3{font:600 20px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24}
.cmp-c .m{background:var(--a-papel-2);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--a-tinta-2);display:grid;grid-template-columns:18px 1fr;gap:10px}
.cmp-c .l{background:var(--a-hilo-claro);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--a-tinta);display:grid;grid-template-columns:18px 1fr;gap:10px}
.cmp-c .ic{width:18px;height:18px;margin-top:2px}
.cmp-c .m .ic{color:var(--a-tinta-3)}.cmp-c .l .ic{color:var(--a-hilo-hondo);stroke-width:2.2}
.cmp-c small{display:block;font:600 12px/1.2 var(--f-texto);margin-bottom:4px;color:var(--a-tinta-3)}
@media(min-width:760px){
  .cmp-m{display:none}
  .cmp-t{display:table;width:100%;border-collapse:collapse;table-layout:fixed}
  .cmp-t th{padding:0 20px 14px;text-align:left;font:600 13px/1 var(--f-texto);color:var(--a-tinta-3)}
  .cmp-t th:first-child{padding-left:0}
  .cmp-t td{padding:20px;min-height:64px;vertical-align:top;border-top:1px solid var(--a-linea);font-size:16px;line-height:1.45}
  .cmp-t td:first-child{padding-left:0;font:600 18px/1.3 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta);width:24%}
  .cmp-t td.m{width:38%;color:var(--a-tinta-2)}
  .cmp-t td.l{width:38%;color:var(--a-tinta)}
  .cmp-t th.l,.cmp-t td.l{background:var(--a-hilo-claro)}
  .cmp-t th.l{padding-top:14px;border-radius:10px 10px 0 0;color:var(--a-hilo-hondo)}
  .cmp-t .ic{display:inline-block;vertical-align:-4px;margin-right:10px;width:18px;height:18px}
  .cmp-t .m .ic{color:var(--a-tinta-3)}.cmp-t .l .ic{color:var(--a-hilo-hondo);stroke-width:2.2}
}

/* ============ S13 · SEGURIDAD ============ */
.seg-g{display:grid;gap:32px}
.med-g{display:grid;gap:24px}
.med{display:grid;grid-template-columns:22px 1fr;gap:4px 14px;align-content:start}
.med .ic{color:var(--a-hilo);margin-top:2px;grid-row:1/span 3}
.med>b,.med>p{grid-column:2}
.med b{font-size:16px;font-weight:600;line-height:1.35}
.med p{font-size:15px;line-height:1.55;color:var(--a-tinta-2)}
.med p.ex{margin-top:6px}
.sec-img{position:relative}
.sec-img .flot{left:-12px;bottom:36px}
.leyes{margin-top:40px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);padding:28px;display:grid;gap:10px}
.leyes h3{font:600 20px/1.25 var(--f-titulo);font-variation-settings:'opsz' 24}
.leyes p{font-size:15px;line-height:1.6;color:var(--a-tinta-2);max-width:78ch}
.leyes .nt{font-size:14px;color:var(--a-tinta-2)}
@media(min-width:960px){
  .seg-g{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .med-g{grid-column:1/7;grid-template-columns:1fr 1fr;gap:32px 28px;align-content:start}
  .sec-img{grid-column:8/13;align-self:start}
  .sec-img .flot{left:-28px}
  .leyes{margin-top:56px}
}

/* ============ S12 · CARTA DEL EQUIPO ============ */
.carta-g{max-width:62ch}
.carta p{font:400 19px/1.7 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta);max-width:60ch;text-wrap:pretty}
.carta p+p{margin-top:1.1em}
.firma{margin-top:28px;display:grid;gap:6px;justify-items:start}
.firma img{height:56px;width:auto;max-width:220px}
.firma .nm{font:500 22px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-tinta)}
@media(min-width:960px){
          }
@media(max-width:959px){.carta:not(.abierta) .mas{display:none}.carta.abierta+}
@media(min-width:960px){}

/* ============ S15 · DEMO ============ */
.demo-g{display:grid;gap:40px}
.apoyo-g{display:grid;gap:24px}
.apoyo{display:grid;grid-template-columns:22px 1fr;gap:4px 14px;align-content:start}
.apoyo .ic{color:var(--a-hilo-hondo);margin-top:2px;grid-row:1/3}
.apoyo b{font-size:16px;font-weight:600;line-height:1.35}
.apoyo p{font-size:15px;line-height:1.55;color:var(--a-tinta-2)}
.demo-c{background:var(--a-carta);border-radius:var(--a-r-panel);padding:28px 24px;box-shadow:var(--a-sombra);display:grid;gap:14px;align-self:start}
.demo-c .h3{font-size:calc(26px*var(--t-esc))}
.demo-c p{font-size:16px;line-height:1.55;color:var(--a-tinta-2)}
.demo-c .o{font-size:14px;color:var(--a-tinta-2)}
.demo-c .o a{font-weight:600}
.demo-c .p{font-size:13px;color:var(--a-tinta-2)}
@media(min-width:960px){
  .demo-g{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
  .demo-iz{grid-column:1/8}
  .apoyo-g{grid-template-columns:1fr 1fr;gap:32px 28px}
  .demo-c{grid-column:9/13;padding:32px}
}

/* ============ S17 · CTA FINAL ============ */
.sec-noche{background:var(--a-noche);color:var(--a-noche-tx);position:relative;overflow-x:clip}
.cta-fin{padding:72px 0 80px}
.cta-in{position:relative;text-align:center;display:grid;justify-items:center;gap:20px}
.cta-in .h2{color:var(--a-noche-tx);margin-inline:auto;max-width:14em}
.cta-in .lead{color:var(--a-noche-dim)}
.cta-btns{margin-top:12px;display:grid;gap:12px;width:100%;max-width:520px}
.cta-micro{font-size:14px;color:var(--a-noche-dim);max-width:40ch}
.cta-hilo{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cta-hilo path{fill:none;stroke:var(--a-hilo-noche);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cta-in>*:not(.cta-hilo){position:relative;z-index:1}
@media(max-width:639px){.cta-in .h2{margin-bottom:34px}}
@media(min-width:640px){.cta-btns{display:flex;justify-content:center;max-width:none;width:auto}}
@media(min-width:960px){.cta-fin{padding:112px 0}}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .cta-hilo path{stroke-dasharray:1;stroke-dashoffset:1;animation:trazo linear both;animation-timeline:view();animation-range:entry 5% cover 55%}
    @keyframes trazo{to{stroke-dashoffset:0}}
  }
}

/* ============ S18 · PIE ============ */
.pie{background:var(--a-noche);color:var(--a-noche-tx);border-top:1px solid var(--a-noche-linea);padding:56px 0 calc(40px + 80px)}
.pie-g{display:grid;gap:32px}
.pie .logo{color:var(--a-hilo-noche)}
.pie .logo span{color:var(--a-noche-tx)}
.pie-m p{margin-top:16px;font:500 20px/1.3 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-noche-tx);max-width:18em;text-wrap:balance}
.pie h4{font:600 12px/1.3 var(--f-texto);font-synthesis:small-caps;font-variant-caps:all-small-caps;letter-spacing:.06em;color:var(--a-noche-dim);margin-bottom:10px}
.pie-c a,.pie-c button.l{display:flex;align-items:center;min-height:44px;font-size:15px;color:var(--a-noche-tx);text-decoration:none;background:none;border:0;padding:0;text-align:left}
.pie-c a:hover,.pie-c button.l:hover{text-decoration:underline;text-underline-offset:3px}
.pie-legal{margin-top:40px;padding-top:24px;border-top:1px solid var(--a-noche-linea);display:grid;gap:12px}
.pie-legal p{font-size:12.5px;line-height:1.6;color:var(--a-noche-dim);max-width:92ch}
.pie-leg a{color:var(--a-noche-dim);font-size:13px;text-decoration:underline;text-underline-offset:3px;margin-right:18px;display:inline-flex;align-items:center;min-height:44px}
@media(min-width:960px){
  .pie{padding:80px 0 56px}
  .pie-g{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
  .pie-c a,.pie-c button.l{min-height:44px}
}

/* ============ /FUNCIONES ============ */
.fn-hero{padding:40px 0 32px}
.fn-hero .rotulo{display:block}
.fn-hero .h1{margin-top:14px}
.fn-hero .lead{margin-top:18px}
.fn-res{margin-top:10px;font-size:14px;color:var(--a-tinta-3)}
.fn-cta{margin-top:24px;display:grid;gap:10px}
.fn-nodos{display:none}
.fn-tools{background:rgba(244,238,227,.96);border-top:1px solid var(--a-linea);border-bottom:1px solid var(--a-linea);padding:12px 0}
.fn-tools .wrap{display:grid;gap:10px}
.fn-bus{position:relative;display:block}
.fn-bus .ic{position:absolute;left:14px;top:50%;margin-top:-10px;color:var(--a-tinta-3);pointer-events:none}
.fn-bus input{width:100%;height:48px;padding:0 14px 0 44px;border:1px solid var(--a-linea-2);border-radius:8px;background:var(--a-carta);font:400 16px/1 var(--f-texto);color:var(--a-tinta)}
.fn-bus input::placeholder{color:var(--a-tinta-3)}
.fn-bus input:focus-visible{outline:2px solid var(--a-hilo-hondo);outline-offset:2px}
.fn-fila{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.fn-fila .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.fn-fila .seg::-webkit-scrollbar{display:none}
.fn-cnt{margin-left:auto;font-size:14px;font-weight:600;color:var(--a-tinta);font-variant-numeric:tabular-nums}
.fn-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px var(--m);margin:0 calc(-1*var(--m));position:sticky;top:var(--nav-h);z-index:30;background:rgba(244,238,227,.96);border-bottom:1px solid var(--a-linea)}
.fn-chips::-webkit-scrollbar{display:none}
.fn-chips a{flex:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--a-linea);background:var(--a-carta);font:500 14px/1 var(--f-texto);color:var(--a-tinta-2);text-decoration:none;white-space:nowrap}
.fn-chips a .num{font-size:14px}
.fn-chips a.act{background:var(--a-tinta);border-color:var(--a-tinta);color:var(--a-papel)}
.fn-chips a.act .num{color:var(--a-papel)}
.fn-chips a.vacia{opacity:.45}
.fn-ind{display:none}
.fn-layout{padding:8px 0 var(--sec-y)}
.fn-area{padding:40px 0 16px;border-top:1px solid var(--a-linea);scroll-margin-top:calc(var(--nav-h) + 70px)}
.fn-area:first-of-type{border-top:0}
.fn-area[hidden]{display:none}
.fn-area-h{display:grid;gap:20px;margin-bottom:24px}
.fn-area-h .rot{margin-bottom:12px}
.fn-area-h .h2{font-size:calc(clamp(30px,2vw + 22px,46px)*var(--t-esc))}
.fn-area-h .lead{margin-top:12px;font-size:17px}
.fn-lista{display:grid;grid-template-columns:1fr}
.fn-it{padding:16px 0;border-top:1px solid var(--a-linea)}
.fn-it b{display:block;font-size:17px;font-weight:600;line-height:1.35}
.fn-it p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--a-tinta-2);text-wrap:pretty}
.fn-it .et{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fn-it .et .pronto{margin:0}
.fn-it[hidden]{display:none}
.fn-sub{grid-column:1/-1;padding:28px 0 4px;border-top:1px solid var(--a-linea)}
.fn-sub[hidden]{display:none}
.fn-vacio{margin:48px 0;padding:32px 24px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);font-size:18px;color:var(--a-tinta)}
.fn-vacio[hidden]{display:none}
@media(min-width:760px){
  .fn-lista{grid-template-columns:1fr 1fr;column-gap:40px}
}
@media(min-width:960px){
  .fn-hero{padding:72px 0 48px}
  .fn-cta{display:flex;gap:16px}
  .fn-nodos{display:flex;position:relative;justify-content:space-between;margin-top:48px;padding:0 6px;max-width:760px}
  .fn-nodos::before{content:'';position:absolute;left:0;right:0;top:12px;height:3px;margin-top:-1.5px;background:var(--a-hilo);border-radius:2px}
  .fn-nodos a{position:relative;display:grid;justify-items:center;gap:8px;text-decoration:none;min-width:44px;min-height:44px}
  .fn-nodos a i{display:block;width:14px;height:14px;margin-top:5px;border-radius:50%;background:var(--a-papel);border:3px solid var(--a-hilo);transition:background-color .15s}
  .fn-nodos a:hover i,.fn-nodos a:focus-visible i{background:var(--a-hilo)}
  .fn-nodos a .num{font-size:14px}
  .fn-tools{position:sticky;top:var(--nav-h);z-index:40;padding:14px 0}
  .fn-tools .wrap{display:flex;align-items:center;gap:20px}
  .fn-bus{flex:1;max-width:420px}
  .fn-fila{flex:1;flex-wrap:nowrap;gap:20px}
  .fn-chips{display:none}
  .fn-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;padding-top:24px}
  .fn-ind{display:block;grid-column:1/4;position:sticky;top:calc(var(--nav-h) + 92px);padding-top:24px}
  .fn-ind a{display:grid;grid-template-columns:28px 1fr auto;gap:6px;align-items:baseline;padding:12px 0 12px 14px;min-height:44px;border-left:3px solid var(--a-linea);text-decoration:none;font-size:14px;line-height:1.35;color:var(--a-tinta-2)}
  .fn-ind a .num{font-size:15px}
  .fn-ind a .cn{font-size:13px;color:var(--a-tinta-3);font-variant-numeric:tabular-nums}
  .fn-ind a:hover{color:var(--a-tinta)}
  .fn-ind a.act{border-left-color:var(--a-hilo);color:var(--a-tinta);font-weight:600}
  .fn-ind a.vacia{opacity:.4}
  .fn-cont{grid-column:4/13}
  .fn-area{padding:56px 0 24px}
  .fn-area-h{grid-template-columns:1fr 360px;gap:40px;align-items:start}
}


/* movimiento reducido: todo queda dibujado y quieto */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv,.js .nudo{opacity:1;transform:none}
}

.fn-bus input{text-overflow:ellipsis}
@media(min-width:960px){.fn-tools .wrap{flex-wrap:wrap}.fn-bus{max-width:380px}.fn-bus input{font-size:15px}.fn-fila .seg button{padding:0 11px}}
.hoja-f .enlace{display:inline-flex;align-items:center;min-height:44px}
.sw-l,.fn-cnt{white-space:nowrap}
@media(min-width:960px){.fn-bus{max-width:340px}}
.fn-tools .wrap>*,.fn-fila{min-width:0}
.fn-fila .seg button{padding:0 12px}
.fn-layout>*{min-width:0}
.enlace-b{display:inline-flex;align-items:center;min-height:44px}
.sec-pr{position:absolute;right:14px;top:14px;margin:0;z-index:4}
/* arreglos y adiciones */
section[id],.fn-area{scroll-margin-top:var(--nav-h)}
.tabla tr.fila.oc{display:none}
.tabla.dif tr.fila.ig{display:none}
.tabla tr.dim-pas td.pc{font-weight:400}
.tabla tr.dim-act td.pc{font-weight:600}
.crop{background:var(--a-papel-3)}
.crop::after{background:linear-gradient(to bottom,transparent 72%,var(--a-papel-3)),linear-gradient(to right,transparent 84%,var(--a-papel-3))}
.crop-w{position:relative;aspect-ratio:16/10;border-radius:9px;border:1px solid var(--a-linea);overflow:hidden;background:var(--a-papel-3)}
.acc-a>div{visibility:hidden;transition:visibility 0s .25s}
.acc-i.open .acc-a>div{visibility:visible;transition:visibility 0s}
.acc-h{font:inherit}
@media(max-width:959px){.no-m{display:none}.paso-li .ph{--phw:240px}}

/* ============ Producción: lo que cambia respecto de la maqueta ============ */
[hidden]{display:none!important}
a.area-c{text-decoration:none;color:var(--a-tinta)}
a.btn-play{text-decoration:none}
.tabla-det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tabla-det>summary::-webkit-details-marker{display:none}
@media(min-width:640px){.tabla-det>summary{display:inline-flex}}

/* mensual / anual: los dos precios están escritos en el HTML y el atributo data-cobro de #precios elige cuál se ve */
.v-a{display:none}
[data-cobro=anual] .v-m{display:none}
[data-cobro=anual] .v-a{display:block}

/* S5 · Un día de consulta: un solo DOM. Celular = carrusel de tarjetas; escritorio = lista de pasos + escenario con la imagen del paso activo */
.dia-panel[hidden]{display:none}
.dia-ph{display:none}
.pasos{display:flex;gap:12px;margin:20px calc(-1*var(--m)) 0;padding:4px var(--m) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:var(--m)}
.pasos::-webkit-scrollbar{display:none}
.paso-li{flex:none;width:300px;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.paso-fig{order:-1;position:relative}
.paso-in .c{display:none}
.paso-t{font:600 22px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24}
.paso-x{font-size:16px;line-height:1.5;color:var(--a-tinta-2);margin-top:8px}
.paso-b{display:none}
.paso-fig .flot{display:none}
.paso-fig .marco-pic{max-height:340px}
.paso-fig .marco-pic.centro{align-items:start;padding-bottom:0}
.marco-pic.fade-m::after{content:'';position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--a-fade,var(--a-carta)))}
@keyframes figIn{from{opacity:0}to{opacity:1}}
@media(min-width:960px){
  .car-hilo,.car-nav{display:none}
  .pasos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}
  .paso-li{display:contents}
  .paso-in{grid-column:1/6;position:relative;display:grid;grid-template-columns:30px 1fr;column-gap:16px;align-content:start;padding:14px 0}
  .paso-li:not(:last-child) .paso-in::before{content:'';position:absolute;left:13.5px;top:29px;height:100%;width:3px;background:var(--a-hilo);border-radius:2px}
  .paso-in .c{display:grid;position:relative;z-index:1;margin-top:-1px}
  .paso-t{grid-column:2;font:500 18px/1.3 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta-2);padding-top:3px;transition:color .2s}
  .paso-in:hover .paso-t{color:var(--a-tinta)}
  .paso-x{display:none;grid-column:2;margin-top:8px;font-size:16px;line-height:1.55;color:var(--a-tinta-2);max-width:40ch;text-wrap:pretty}
  .paso-li[data-act] .paso-t{font-size:22px;font-weight:600;color:var(--a-tinta);font-variation-settings:'opsz' 24}
  .paso-li[data-act] .paso-x{display:block}
  .paso-b{display:block;position:absolute;inset:0;z-index:2;background:none;border:0;padding:0;cursor:pointer;border-radius:8px}
  .paso-fig{order:0;grid-column:6/13;grid-row:1/span 4;display:none}
  .paso-li[data-act] .paso-fig{display:block;animation:figIn .25s ease-out}
  .paso-fig .marco-pic{max-height:560px}
  .paso-fig .marco-pic.centro{min-height:360px;align-items:center;padding-bottom:16px}
  .paso-fig .flot{display:flex;left:-22px;bottom:44px;max-width:calc(100% - 24px)}
  .marco-pic.fade-m::after{display:none}
}


/* L2 · capturas reales del panel (WebP con width y height, carga diferida) dentro de los marcos de papel */
.shot{display:block;width:100%;height:auto}
.shot-crop{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.shot-ph{display:block;width:min(100%,250px);height:auto;border-radius:26px;border:5px solid var(--a-tinta);background:var(--a-carta);box-shadow:var(--a-sombra)}


/* /funciones: en el celular el filtro de plan dice «Todos» para que los cuatro botones quepan */
#fn-plan .t-c{display:none}
@media(max-width:639px){#fn-plan .t-l{display:none}#fn-plan .t-c{display:inline}.fn-fila .seg button{padding:0 10px}}

/* Sin JavaScript: todo el contenido se lee y los controles que no sirven sin él se esconden */
html:not(.js) .sel-w,html:not(.js) .sel,html:not(.js) .selq,html:not(.js) .cobro-bar,html:not(.js) html:not(.js) .dia-panel[hidden]{display:block!important}
html:not(.js) .dia-ph{display:block;margin-top:32px;font:600 22px/1.2 var(--f-titulo)}
html:not(.js) .paso-x{display:block}
html:not(.js) .tabla tr.fila.oc{display:table-row}
html:not(.js) html:not(.js) .acc-a{grid-template-rows:1fr}
html:not(.js) .acc-a>div{visibility:visible}
html:not(.js) .acc-q::after{display:none}
html:not(.js) .nudo{opacity:1;transform:none}
html:not(.js) .rv{opacity:1;transform:none}

/* ============ Recreaciones del panel en HTML y CSS (.mk) ============ */
/* Lazomed · maqueta rev. 2 · recreaciones del panel en HTML y CSS con la marca nueva del panel (panel-marca-diseno.md §2): papel #FAF7F2, verde hondo #0A5F60 para acciones, #0F8B8D solo en el hilo.
   En «em»: 1em = ancho del contenedor / --w. Los tokens del panel se redefinen dentro de .mk, así que no dependen de la variante tipográfica de la página. */
.mkw{container-type:inline-size;width:100%}
.mk{--w:72;--f-panel:'Newsreader',Georgia,serif;--c-bg:#FAF7F2;--c-mist:#EFE9DF;--c-mist-2:#E7DFD0;--c-bruma:#CFE6E2;--c-bruma-2:#B9D8D2;--c-ink-strong:#16241F;--c-ink:#16241F;--c-stone:#46524D;--c-faint:#56615C;--c-line:#E3DACB;--c-line-2:#D5CBB9;--c-accent:#0F8B8D;--c-accent-btn:#0A5F60;--c-accent-text:#0A5F60;--c-ok-bg:#EAF0E1;--c-ok-text:#3F6A1C;--c-warn-bg:#FBEADC;--c-warn-text:#9C3F1E;--c-err:#A0233A;--c-err-bg:#FBE8E8;--c-err-text:#A0233A;--c-neutral-bg:#F2EDE4;--c-neutral-text:#56615C;font-size:calc(100cqw / var(--w));line-height:1.35;color:var(--c-ink);font-family:var(--f-texto);background:#FAF7F2;overflow:hidden;position:relative;text-align:left}
.mk *{box-sizing:border-box}
.mk h4,.mk h5,.mk p,.mk ul,.mk ol{margin:0}
.mk .ic{width:1.5em;height:1.5em}
.mk h4{font:600 1.9em/1.1 var(--f-panel);letter-spacing:-.02em;color:var(--c-ink-strong)}
.mk h5{font:600 1em/1.2 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--c-faint);margin-bottom:.6em}
.mk small{font-size:1.1em;color:var(--c-stone)}
.mk b{font-weight:600;color:var(--c-ink-strong)}

/* piezas comunes */
.mk-chip{display:inline-flex;align-items:center;gap:.4em;padding:.25em .8em;border-radius:99em;font-size:1.05em;font-weight:600;line-height:1.3;background:var(--c-neutral-bg);color:var(--c-neutral-text);white-space:nowrap}
.mk-chip .ic{width:1.2em;height:1.2em}
.mk-chip.ok{background:var(--c-ok-bg);color:var(--c-ok-text)}.mk-chip.err{background:var(--c-err-bg);color:var(--c-err-text)}.mk-chip.wa{background:var(--c-warn-bg);color:var(--c-warn-text)}
.mk-chip.br,.mk-chip.ia{background:var(--c-bruma);color:var(--c-accent-text)}.mk-chip.neu{background:var(--c-neutral-bg);color:var(--c-neutral-text)}
.mk-av{flex:none;width:2.9em;height:2.9em;border-radius:50%;background:var(--c-mist-2);color:var(--c-neutral-text);display:inline-grid;place-items:center;font-size:1em;font-weight:600}
.mk-av.br{background:var(--c-bruma);color:var(--c-accent-text)}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.65em 1.15em;border:1px solid var(--c-line-2);border-radius:.8em;font-size:1.12em;font-weight:600;background:#fff;color:var(--c-ink-strong);white-space:nowrap}
.mk-btn .ic{width:1.3em;height:1.3em}
.mk-btn.on{background:var(--c-accent-btn);border-color:var(--c-accent-btn);color:#fff}
.mk-ic{display:inline-grid;place-items:center;width:2.6em;height:2.6em;border:1px solid var(--c-line);border-radius:.8em;color:var(--c-stone)}
.mk-ic .ic{width:1.3em;height:1.3em}
.mk .qr{display:grid;grid-template-columns:repeat(11,1fr);width:6.2em;height:6.2em;flex:none;padding:.4em;border:1px solid var(--c-line);border-radius:.6em;background:#fff}
.mk .qr i{display:block;aspect-ratio:1}.mk .qr i.on{background:var(--c-ink-strong)}

/* armazón del panel */
.mk-app{display:flex;min-height:100%}
.mk-side{flex:none;width:15em;background:#F4EEE3;border-right:1px solid var(--c-line);padding:1.8em 1.1em 1.4em;display:flex;flex-direction:column;gap:.35em}
.mk-brand{display:flex;align-items:center;gap:.6em;font:600 1.7em/1 var(--f-panel);letter-spacing:-.01em;color:var(--c-ink-strong);margin:0 0 1.4em .3em}
.mk-brand img{width:1.7em;height:1.6em}
.mk-nav{display:flex;align-items:center;gap:.75em;padding:.78em .9em;border-radius:.8em;font-size:1.2em;color:#46524D;font-weight:500}
.mk-nav .ic{width:1.3em;height:1.3em}
.mk-nav.on{background:#E7DECC;color:#16241F;font-weight:600}
.mk-prof{margin-top:auto;display:flex;gap:.7em;align-items:center;padding:.8em .4em 0;border-top:1px solid var(--c-line)}
.mk-prof b{display:block;font-size:1.1em}.mk-prof small{font-size:.95em}
.mk-main{flex:1;min-width:0;display:flex;flex-direction:column}
.mk-top{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1.6em 2em 1.3em;border-bottom:1px solid var(--c-line)}
.mk-top small{display:block;margin-top:.35em;font-size:1.15em}
.mk-tr{display:flex;gap:.6em;align-items:center}
.mk-body{padding:1.6em 2em 2em;flex:1}
.mk-solo .mk-top{padding-top:1.7em}
.rs-pt{display:flex;gap:1em;align-items:center}
.rs-pt h4{font-size:1.8em}.rs-pt small{display:block;margin-top:.3em}

/* Agenda */
.ag-grid{display:grid;grid-template-columns:4.2em repeat(5,1fr);gap:0 .45em}
.ag-hrs{padding-top:3em}
.ag-hrs span{display:block;height:4.6em;font-size:1em;color:var(--c-faint);transform:translateY(-.6em)}
.ag-dh{height:3em;display:flex;align-items:center;justify-content:center;gap:.4em;font-size:1.15em;color:var(--c-stone);font-weight:500}
.ag-dh b{font-weight:600;color:var(--c-ink-strong)}
.ag-col.hoy .ag-dh b{background:var(--c-accent-btn);color:#fff;border-radius:99em;padding:.1em .55em}
.ag-cells{position:relative;height:46em;border-left:1px solid var(--c-line);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(4.6em - 1px),var(--c-line) calc(4.6em - 1px),var(--c-line) 4.6em)}
.ag-col.hoy .ag-cells{background-color:#FBF8F3}
.ag-ev{position:absolute;left:.3em;right:.3em;border-radius:.7em;padding:.5em .7em;border-left:.3em solid;overflow:hidden;line-height:1.2}
.ag-ev b{display:block;font-size:1.08em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:inherit}
.ag-ev span{display:block;font-size:.95em;opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:.15em}
.ag-ev.ok{background:#EAF0E1;border-color:#3F6A1C;color:#2F4F14}
.ag-ev.br{background:#E6F0ED;border-color:#0F8B8D;color:#0A5F60}
.ag-ev.wa{background:#FBEADC;border-color:#C9622F;color:#9C3F1E}
.ag-ev.new{background:#fff;border-color:#0F8B8D;color:#0A5F60;box-shadow:0 .2em .8em -.2em rgba(22,36,31,.25),0 0 0 1px #BFD9D4}
.ag-ev.new b{padding-right:2.8em}
.ag-ev em{position:absolute;top:.45em;right:.5em;font-style:normal;font-size:.8em;font-weight:700;background:var(--c-accent-btn);color:#fff;border-radius:99em;padding:.12em .6em}
.ag-now{position:absolute;left:0;right:0;height:.18em;background:var(--c-err)}
.ag-now::before{content:"";position:absolute;left:-.35em;top:-.25em;width:.65em;height:.65em;border-radius:50%;background:var(--c-err)}

/* Agenda: vista Día (celular) */
.mk-dia{background:#fff}
.mk-top-s{padding:1.5em 1.6em 1.1em}.mk-top-s h4{font-size:1.8em}.mk-top-s small{font-size:1.2em}
.dd-days{display:flex;justify-content:space-between;padding:.8em 2em;font-size:1.2em;color:var(--c-faint)}
.dd-days b{background:var(--c-accent-btn);color:#fff;border-radius:99em;padding:.05em .55em}
.dd-row{display:flex;gap:.9em;padding:.45em 1.4em}
.dd-row time{width:3.6em;flex:none;font-size:1.15em;color:var(--c-faint);padding-top:.7em}
.dd-c{flex:1;min-width:0;display:flex;align-items:center;gap:.8em;padding:.7em .9em;border-radius:.9em;border-left:.3em solid;position:relative}
.dd-c .mk-av{width:2.6em;height:2.6em;font-size:.95em;background:rgba(255,255,255,.7)}
.dd-c span{flex:1;min-width:0}.dd-c b{display:block;font-size:1.3em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.dd-c small{display:block;font-size:1.02em;color:inherit;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-c em{display:none}
.dd-c.ok{background:#EAF0E1;border-color:#3F6A1C;color:#2F4F14}.dd-c.br{background:#E6F0ED;border-color:#0F8B8D;color:#0A5F60}
.dd-c.wa{background:#FBEADC;border-color:#C9622F;color:#9C3F1E}.dd-c.new{background:#fff;border-color:#0F8B8D;color:#0A5F60;box-shadow:0 .2em 1em -.3em rgba(22,36,31,.25),0 0 0 1px #BFD9D4}
.dd-c.new em{display:block;position:absolute;top:-.7em;right:.8em;font-style:normal;font-size:.95em;font-weight:700;background:var(--c-accent-btn);color:#fff;border-radius:99em;padding:.15em .7em}

/* Resumen */
.rs-card{border:1px solid var(--c-line);border-radius:1.2em;padding:1.6em 1.8em;box-shadow:0 1px 2px rgb(22 36 31 / .06)}
.rs-h{display:flex;align-items:center;gap:.7em;font-size:1.5em;margin-bottom:1em}.rs-h b{flex:1;font:600 1em var(--f-panel)}.rs-h .ic{color:var(--c-accent)}
.rs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4em 2em}
.rs-b.wide{grid-column:1/-1}
.rs-chips{display:flex;flex-wrap:wrap;gap:.6em}
.rs-b p,.rs-b li{font-size:1.25em;line-height:1.45}.rs-b ul{list-style:none;padding:0}.rs-b li{padding:.1em 0}.rs-b li small{font-size:.85em}

/* Ficha */
.fi-tabs{display:flex;gap:2em;border-bottom:1px solid var(--c-line);margin:-.4em 0 1.6em}
.fi-tabs span{padding:.7em 0;font-size:1.2em;color:var(--c-stone);font-weight:500}
.fi-tabs .on{color:var(--c-accent-text);border-bottom:.2em solid var(--c-accent);font-weight:600}
.fi-t{display:flex;align-items:center;gap:1em;margin-bottom:1.2em}.fi-t h5{font:600 1.9em/1.1 var(--f-panel);letter-spacing:-.02em;text-transform:none;color:var(--c-ink-strong);margin:0}
.fi-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2em 1.4em}
.fi-f label{display:block;font-size:1.05em;font-weight:600;color:var(--c-stone);margin-bottom:.5em}
.fi-f p{padding:.95em 1.15em;border:1px solid var(--c-line-2);border-radius:.9em;font-size:1.2em;line-height:1.45;min-height:5.6em}

/* Odontograma */
.od-wrap{display:grid;grid-template-columns:1fr 17em;gap:2em;align-items:start}
.od-r{display:flex;gap:.4em;align-items:center;margin-bottom:1.5em}
.od-r u{width:.2em;align-self:stretch;background:var(--c-line-2);margin:0 .4em;border-radius:1em}
.tt{flex:1;min-width:0;aspect-ratio:.82;border:1.5px solid var(--c-line-2);border-radius:.8em;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.35em;font-size:.95em;color:var(--c-stone);font-weight:500}
.tt i{position:absolute;inset:.5em .5em 1.7em;border-radius:.5em;background:#F2EDE4}
.tt.o i{background:var(--c-accent)}.tt.c i{background:#D99A3A}.tt.e i{background:#0A5F60}.tt.a{border-style:dashed}.tt.a i{background:repeating-linear-gradient(45deg,#E3DACB 0 .3em,#fff .3em .6em)}
.od-leg{display:flex;flex-wrap:wrap;gap:.6em 1.5em;font-size:1.1em;color:var(--c-stone)}
.od-leg span{display:inline-flex;align-items:center}.od-leg i{display:inline-block;width:1em;height:1em;border-radius:.3em;margin-right:.5em;background:#F2EDE4;border:1px solid var(--c-line-2)}
.od-leg .o{background:var(--c-accent)}.od-leg .c{background:#D99A3A}.od-leg .e{background:#0A5F60}.od-leg .a{background:repeating-linear-gradient(45deg,#E3DACB 0 .25em,#fff .25em .5em)}
.od-plan{border:1px solid var(--c-line);border-radius:1.2em;padding:1.4em;background:var(--c-mist)}
.od-plan ul{list-style:none;padding:0;margin-bottom:1.2em}.od-plan li{font-size:1.2em;padding:.5em 0;border-bottom:1px solid var(--c-line)}.od-plan li b{margin-right:.4em}.od-plan li small{font-size:.9em}

/* Nota con IA */
.nt-grid{display:grid;grid-template-columns:22em 1fr;gap:1.6em;align-items:stretch}
.nt-dict{background:var(--c-mist);border-radius:1.2em;padding:2em 1.6em;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1em}
.nt-mic{width:5em;height:5em;border-radius:50%;background:var(--c-accent-btn);color:#fff;display:grid;place-items:center;box-shadow:none}.nt-mic .ic{width:2.3em;height:2.3em}
.nt-dict b{font-size:1.4em}.nt-dict small{font-size:1.15em;max-width:15em}
.wave{display:flex;align-items:center;gap:.22em;height:3.6em}.wave i{display:block;width:.3em;border-radius:1em;background:var(--c-accent)}
.nt-draft{border:1px solid var(--c-line);border-radius:1.2em;padding:1.6em}
.nt-dh{display:flex;gap:1em;align-items:center;margin-bottom:1.2em}.nt-dh small{font-size:1.1em}
.nt-draft p{font-size:1.2em;line-height:1.45;margin-bottom:1em}.nt-draft h5{margin-bottom:.4em}
.nt-act{display:flex;gap:.8em;justify-content:flex-end;margin-top:.6em}

/* Receta */
.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6em}
.rc-doc{border:1px solid var(--c-line);border-radius:1.2em;padding:1.6em;box-shadow:0 1px 2px rgb(22 36 31 / .06);display:flex;flex-direction:column}
.rc-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.rc-h b{font:600 1.55em var(--f-panel);letter-spacing:-.02em}
.rc-doc>small{font-size:1.05em}
.rc-doc ol{padding-left:1.4em;margin:1.1em 0 1.3em}.rc-doc li{padding:.35em 0}.rc-doc li b{display:block;font-size:1.2em}.rc-doc li span{font-size:1.1em;color:var(--c-stone)}
.rc-f{display:flex;gap:1em;align-items:center;border-top:1px dashed var(--c-line-2);padding-top:1.1em;margin-top:auto;font-size:1.1em;line-height:1.35}
.rc-f b{display:block}.rc-f small{display:flex;align-items:center;gap:.4em;font-size:.95em;margin-top:.3em;color:var(--c-ok-text)}.rc-f small .ic{width:1.2em;height:1.2em}

/* Cobros */
.cb-k{display:flex;gap:1.4em;margin-bottom:1.5em}
.cb-k div{flex:1;background:var(--c-mist);border-radius:1em;padding:1.1em 1.5em}
.cb-k small{display:block}.cb-k b{display:block;font:600 2.2em/1.15 var(--f-panel);letter-spacing:-.02em;margin-top:.15em}
.cb-grid{display:grid;grid-template-columns:1fr 19em;gap:1.8em}
.cb-r{display:flex;align-items:center;gap:1em;padding:.95em 0;border-bottom:1px solid var(--c-line)}
.cb-r span{flex:1;min-width:0}.cb-r b{display:block;font-size:1.22em}.cb-r small{font-size:1.02em}.cb-r strong{font-size:1.25em;font-weight:600;font-variant-numeric:tabular-nums}
.cb-qr{border:1px solid var(--c-line);border-radius:1.2em;padding:1.5em;display:flex;flex-direction:column;align-items:center;gap:.8em;text-align:center;box-shadow:0 1px 2px rgb(22 36 31 / .06)}
.cb-qr .qr{width:9.5em;height:9.5em}.cb-qr strong{font:600 2.6em/1 var(--f-panel);letter-spacing:-.02em}.cb-qr small{font-size:1.05em}

/* Presupuestos */
.pr-doc{border:1px solid var(--c-line);border-radius:1.2em;padding:1.9em;box-shadow:0 1px 2px rgb(22 36 31 / .06)}
.pr-h{display:flex;justify-content:space-between;align-items:flex-start;gap:1em}.pr-h b{display:block;font:600 1.9em/1.1 var(--f-panel);letter-spacing:-.02em}.pr-h small{display:block;margin-top:.4em;font-size:1.15em}
.pr-t{margin:1.5em 0;border:1px solid var(--c-line);border-radius:1em;overflow:hidden}
.pr-th,.pr-tr{display:grid;grid-template-columns:1fr 4.6em 7.4em 8.6em;gap:.6em;padding:.95em 1.3em;font-size:1.2em}
.pr-th{background:var(--c-mist);font-weight:600;color:var(--c-stone);font-size:1.05em}.pr-tr{border-top:1px solid var(--c-line)}
.pr-th span:nth-child(n+2),.pr-tr span:nth-child(n+2){text-align:right}.pr-tr .neg{color:var(--c-ok-text)}
.pr-sum{display:flex;gap:1.2em;margin-top:1.2em}.pr-sum div{flex:1;background:var(--c-bruma);border-radius:1em;padding:1.1em 1.3em}
.pr-sum small{display:block}.pr-sum b{display:block;font:600 2.1em/1.1 var(--f-panel);letter-spacing:-.02em;margin-top:.2em}
.pr-act{display:flex;gap:.8em;justify-content:flex-end;margin-top:1.5em}
.pd-f{margin-top:1.3em}.pd-f h5{margin-bottom:.2em}
.pd-r{display:flex;justify-content:space-between;align-items:center;padding:.85em 0;border-bottom:1px solid var(--c-line);font-size:1.2em}
.pd-r span small{display:block;font-size:.88em}.pd-r b{font-variant-numeric:tabular-nums}

/* Registro de accesos */
.ac-r{display:flex;align-items:center;gap:1.1em;padding:1.25em 0;border-bottom:1px solid var(--c-line)}
.ac-i{width:3.2em;height:3.2em;border-radius:.9em;background:var(--c-bruma);color:var(--c-accent);display:grid;place-items:center;flex:none}
.ac-r>span:nth-child(2){flex:1;min-width:0}.ac-r b{display:block;font-size:1.25em}.ac-r small{font-size:1.1em}.ac-r time{font-size:1.12em;color:var(--c-stone);white-space:nowrap}
.ac-r .mk-btn{padding:.5em .9em}

/* Chat del panel */
.ch-grid{display:grid;grid-template-columns:19em 1fr;border:1px solid var(--c-line);border-radius:1.2em;overflow:hidden;min-height:30em}
.ch-list{border-right:1px solid var(--c-line);background:var(--c-mist)}
.ch-li{display:flex;gap:.8em;padding:1.2em;align-items:center}.ch-li.on{background:#fff}
.ch-li span{min-width:0}.ch-li b{display:block;font-size:1.15em}.ch-li small{display:block;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-win{padding:1.4em;display:flex;flex-direction:column;gap:.9em}.ch-st{display:flex;gap:1em;align-items:center;margin-bottom:.4em}.ch-st small{font-size:1.05em}
.mk .bub{max-width:82%;padding:.85em 1.15em;border-radius:1.3em;font-size:1.2em;line-height:1.4;width:fit-content}
.mk .bub.p{background:#EFE9DF;align-self:flex-start;border-bottom-left-radius:.3em}
.mk .bub.b{background:#CFE6E2;align-self:flex-end;border-bottom-right-radius:.3em}
.mk .bub.right{align-self:flex-end;background:var(--c-accent-btn);color:#fff;border-bottom-right-radius:.3em;border-bottom-left-radius:1.3em}
.mk .bub i{display:block;font-style:normal;font-size:.78em;font-weight:700;color:var(--c-accent-text);margin-bottom:.25em}
.mk .bub.in{animation:bubIn .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes bubIn{from{opacity:0;transform:translateY(.8em) scale(.96)}to{opacity:1;transform:none}}

/* Perfil */
.pf-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5em}
.pf-card{grid-column:1/-1;display:flex;gap:1.6em;align-items:center;border:1px solid var(--c-line);border-radius:1.2em;padding:1.5em}
.pf-card img{width:8em;height:8em;border-radius:50%;object-fit:cover;flex:none}.pf-card small{display:block;margin:.4em 0 .8em;font-size:1.25em}.pf-c{display:flex;gap:.6em;flex-wrap:wrap}
.pf-sv,.pf-lk{border:1px solid var(--c-line);border-radius:1.2em;padding:1.4em}
.pf-s{display:flex;justify-content:space-between;align-items:center;padding:.85em 0;border-bottom:1px solid var(--c-line);font-size:1.2em;margin-bottom:.2em}.pf-s small{display:block;font-size:.88em}.pf-s b{font-variant-numeric:tabular-nums}
.pf-sv .mk-btn{width:100%;margin-top:1em}
.pf-lk div{display:flex;align-items:center;gap:.7em;padding:.85em 0;border-bottom:1px solid var(--c-line);font-size:1.15em;color:var(--c-accent-text);font-weight:500}

/* Alivia */
.ia-chat{display:flex;flex-direction:column;gap:1.3em}
.ia-card{border:1px solid var(--c-line);border-radius:1.2em;padding:1.5em;box-shadow:0 1px 2px rgb(22 36 31 / .06)}
.ia-h{display:flex;align-items:center;gap:.6em;font-size:1.3em;margin-bottom:.6em}.ia-h .ic{color:var(--c-accent)}.ia-h b{flex:1}
.ia-card>p{font-size:1.25em;line-height:1.45}
.ia-draft{background:var(--c-mist);border-radius:1em;padding:1.2em;margin-top:1.1em}.ia-draft p{font-size:1.2em;margin:.4em 0 .9em}
.ia-act{display:flex;gap:.7em}.ia-n{display:block;margin-top:1em}

/* Teléfono del paciente */
.ph{position:relative;width:var(--phw,300px);padding:8px;background:#16241F;border-radius:36px;box-shadow:0 8px 24px rgb(22 36 31 / .12),0 1px 3px rgb(22 36 31 / .06);margin-inline:auto}
.ph-pill{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:72px;height:6px;border-radius:9px;background:#16241F;z-index:3}
.ph-scr{border-radius:28px;overflow:hidden;aspect-ratio:36/66;background:#FAF7F2}
.mk-ph{height:100%;display:flex;flex-direction:column;padding-top:3.4em}
.ph-hd{display:flex;gap:.9em;align-items:center;padding:1em 1.6em;border-bottom:1px solid var(--c-line)}
.ph-hd b{display:block;font-size:1.35em;line-height:1.2}.ph-hd small{font-size:1.1em}
.ph-b{padding:1.5em 1.6em;display:flex;flex-direction:column;gap:1em;flex:1;min-height:0}
.ph-b h5{font:600 1.55em/1.2 var(--f-panel);letter-spacing:-.01em;text-transform:none;color:var(--c-ink-strong);margin:0}
.ph-b label{font-size:1.1em;font-weight:600;color:var(--c-stone);margin-bottom:-.5em}
.ph-sv{display:flex;justify-content:space-between;align-items:center;gap:1em;border:1.5px solid var(--c-line-2);border-radius:1.1em;padding:1.1em 1.2em}
.ph-sv.on{border-color:var(--c-accent);background:var(--c-bruma)}
.ph-sv b{display:block;font-size:1.35em}.ph-sv small{font-size:1.1em}.ph-sv strong{font-size:1.4em;font-weight:600}
.ph-svm{background:var(--c-mist);border-radius:1em;padding:1em 1.2em}.ph-svm b{display:block;font-size:1.35em}
.ph-days,.ph-slots{display:flex;gap:.7em}.ph-slots{display:grid;grid-template-columns:repeat(3,1fr)}
.ph-days span,.ph-slots span{flex:1;text-align:center;padding:.9em .3em;border:1.5px solid var(--c-line-2);border-radius:.9em;font-size:1.3em;font-weight:500}
.ph-days .on,.ph-slots .on{background:var(--c-accent-btn);border-color:var(--c-accent-btn);color:#fff;font-weight:600}
.ph-ok{text-align:center;padding:1.4em 0 .6em}.ph-ok span{display:inline-grid;place-items:center;width:5em;height:5em;border-radius:50%;background:var(--c-ok-bg);color:var(--c-ok-text);margin-bottom:.9em}
.ph-ok .ic{width:2.6em;height:2.6em;stroke-width:2.2}.ph-ok p{font-size:1.4em;font-weight:600;margin:.4em 0 .2em}.ph-ok small{font-size:1.2em}
.ph-lk{text-align:center;font-size:1.15em;color:var(--c-accent-text);font-weight:500;margin:0}
.ph-p{font-size:1.35em;line-height:1.45}
.ph-two{display:grid;grid-template-columns:1fr 1fr;gap:.7em}
.mk-ph .mk-btn{display:flex;width:100%;padding:1em;font-size:1.3em;margin-top:.3em}
.mk-ph .ph-two .mk-btn{font-size:1.2em}
.ph-prog{height:.5em;border-radius:1em;background:var(--c-line)}.ph-prog i{display:block;height:100%;width:66%;border-radius:1em;background:var(--c-accent)}
.ph-st{font-size:1.1em}
.ph-f{border:1px solid var(--c-line-2);border-radius:.9em;padding:.9em 1.1em;font-size:1.3em;line-height:1.4}.ph-f.empty{color:var(--c-faint);min-height:4.4em}
.ph-ch{display:flex;gap:.5em}.ph-ch span{background:var(--c-err-bg);color:var(--c-err-text);border-radius:99em;padding:.3em .9em;font-size:1.15em;font-weight:600}
.ph-chat{flex:1;background:#EFE9DF;padding:1.4em;display:flex;flex-direction:column;gap:.9em}
.ph-chat .bub.p{background:#fff;font-size:1.3em}
.ph-hd-c .mk-av{background:var(--c-accent-btn);color:#fff}

/* Tarjetas recreadas */
.mk-card{background:#fff;border:1px solid var(--c-line);border-radius:1.6em;padding:2em;box-shadow:0 8px 24px rgb(22 36 31 / .08),0 1px 3px rgb(22 36 31 / .05)}
.cd-h{display:flex;gap:1.2em;align-items:center;margin-bottom:1.3em}
.cd-i{width:4em;height:4em;border-radius:1.1em;background:var(--c-bruma);color:var(--c-accent);display:grid;place-items:center;flex:none}.cd-i .ic{width:2em;height:2em}
.cd-h h4{font-size:1.9em}.cd-h small{display:block;margin-top:.3em;font-size:1.2em}
.cd-r{display:flex;align-items:center;gap:1em;padding:1em 0;border-top:1px solid var(--c-line)}
.cd-r span:nth-child(2){flex:1;min-width:0}.cd-r b{display:block;font-size:1.25em}.cd-r small{font-size:1.05em}.cd-r strong{font-size:1.3em;font-weight:600;font-variant-numeric:tabular-nums}
.mk-card>.mk-btn{display:flex;width:100%;margin-top:1.4em;padding:1em;font-size:1.25em}
.rp-k{display:flex;gap:1em;margin-bottom:1.4em}.rp-k div{flex:1;background:var(--c-mist);border-radius:1em;padding:1.1em 1.1em}
.rp-k b{display:block;font:600 1.9em/1.1 var(--f-panel);letter-spacing:-.02em}.rp-k small{font-size:1.1em}
.rp-bars{display:flex;align-items:flex-end;gap:.8em;height:11em;margin-bottom:.4em;padding:0 .4em;border-bottom:1px solid var(--c-line)}
.rp-bars i{flex:1;background:var(--c-bruma-2);border-radius:.4em .4em 0 0}.rp-bars i.on{background:var(--c-accent)}

/* Recortes ampliados (S6) */
.crop{position:relative;overflow:hidden;background:var(--c-mist)}
.crop::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 72%,var(--c-mist)),linear-gradient(to right,transparent 84%,var(--c-mist))}
.crop-in{position:absolute;width:150%;left:-4%;top:-2%;border-radius:1em;overflow:hidden;box-shadow:0 8px 24px rgb(22 36 31 / .08),0 1px 3px rgb(22 36 31 / .05);border:1px solid var(--c-line)}
.c-ficha .crop-in{width:132%;left:-2%;top:3%}.c-cobros .crop-in{width:130%;left:-2%;top:3%}
.c-chat .crop-in{width:170%;left:-26%;top:-4%}.c-perfil .crop-in{width:168%;left:-30%;top:-4%}.c-ia .crop-in{width:168%;left:-30%;top:-4%}

@keyframes scIn{from{opacity:0;transform:translateY(1em)}to{opacity:1;transform:none}}

/* ===== rev. 2: recreaciones nuevas (inicio, envíos, sala, vitrina, línea de tiempo) y la portada de papel ===== */
.mk-brand span{display:block}
/* Inicio */
.in-saludo{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-bottom:1.4em}
.in-saludo h4{font-size:2.2em}.in-saludo small{display:block;margin-top:.3em;font-size:1.2em}
.in-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6em}
.in-card{background:#fff;border:1px solid var(--c-line);border-radius:1.2em;padding:1.5em 1.7em}
.in-card h5{margin-bottom:.8em}
.in-row{display:flex;align-items:center;gap:1em;padding:.95em 0;border-top:1px solid var(--c-line)}
.in-row.p1{border-top:0;padding-top:.2em}
.in-row time{width:3.8em;flex:none;font-size:1.2em;font-weight:600;font-variant-numeric:tabular-nums;color:var(--c-ink-strong)}
.in-row span{flex:1;min-width:0}.in-row b{display:block;font-size:1.22em}.in-row small{font-size:1.02em}
.in-k{display:grid;gap:1.2em;align-content:start}
.in-k div{background:#fff;border:1px solid var(--c-line);border-radius:1.2em;padding:1.2em 1.5em}
.in-k b{display:block;font:600 2.6em/1.05 var(--f-panel);letter-spacing:-.02em;margin-top:.15em;font-variant-numeric:tabular-nums}
.in-k small{font-size:1.1em}
/* Envíos */
.en-tabs{display:flex;gap:2em;border-bottom:1px solid var(--c-line);margin:-.4em 0 1.2em}
.en-tabs span{padding:.7em 0;font-size:1.2em;color:var(--c-stone);font-weight:500}
.en-tabs .on{color:var(--c-ink-strong);border-bottom:.22em solid var(--c-accent);font-weight:600}
.en-r{display:flex;align-items:center;gap:1.1em;padding:1.05em 0;border-bottom:1px solid var(--c-line)}
.en-r>span:nth-child(2){flex:1;min-width:0}.en-r b{display:block;font-size:1.22em}.en-r small{font-size:1.04em}
.en-r time{font-size:1.1em;color:var(--c-stone);white-space:nowrap;font-variant-numeric:tabular-nums}
/* Sala (teléfono del paciente) */
.sa-av{width:6.4em;height:6.4em;border-radius:50%;background:var(--c-bruma);color:var(--c-accent-text);display:grid;place-items:center;margin:1em auto .4em}
.sa-av .ic{width:3em;height:3em}
.sa-t{text-align:center}.sa-t h5{font:600 1.7em/1.2 var(--f-panel);letter-spacing:-.01em;text-transform:none;color:var(--c-ink-strong);margin:0 0 .4em}
.sa-t p{font-size:1.3em;line-height:1.45;color:var(--c-stone)}
.sa-est{display:flex;align-items:center;justify-content:center;gap:.6em;margin:1em 0;font-size:1.25em;font-weight:600;color:var(--c-accent-text)}
.sa-est i{display:block;width:.9em;height:.9em;border-radius:50%;border:.22em solid var(--c-accent);background:#fff}
/* Vitrina */
.vt-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em}
.vt-c{background:#fff;border:1px solid var(--c-line);border-radius:1.2em;overflow:hidden;display:flex;flex-direction:column}
.vt-im{aspect-ratio:16/10;background:var(--c-mist);display:grid;place-items:center;color:var(--c-accent)}
.vt-im .ic{width:3em;height:3em}
.vt-tx{padding:1.2em 1.3em 1.4em;display:grid;gap:.5em}
.vt-tx b{font-size:1.3em;line-height:1.25}.vt-tx small{font-size:1.1em}
.vt-tx strong{font:600 1.7em/1.1 var(--f-panel);font-variant-numeric:tabular-nums}
/* Línea de tiempo */
.lt{position:relative;display:grid;gap:0;padding-left:0}
.lt-r{position:relative;display:grid;grid-template-columns:2.4em 1fr auto;gap:1em;align-items:start;padding:0 0 1.6em}
.lt-r:last-child{padding-bottom:0}
.lt-r::before{content:'';position:absolute;left:.95em;top:1.6em;bottom:-.1em;width:.26em;border-radius:1em;background:var(--c-accent)}
.lt-r:last-child::before{display:none}
.lt-d{position:relative;z-index:1;width:2em;height:2em;border-radius:50%;background:#fff;border:.26em solid var(--c-accent);margin:.1em 0 0 0}
.lt-r b{display:block;font-size:1.3em;line-height:1.25}.lt-r small{display:block;font-size:1.08em;margin-top:.15em}
.lt-r time{font-size:1.08em;color:var(--c-stone);white-space:nowrap;padding-top:.2em}
.crop-w>.crop{position:absolute;inset:0}
.c-panel .crop-in{width:150%;left:-4%;top:-2%}.c-env .crop-in{width:150%;left:-2%;top:-2%}.c-vit .crop-in{width:150%;left:-3%;top:-3%}.c-acc .crop-in{width:140%;left:-3%;top:-4%}
.crop.c-sala{display:grid;justify-items:center;align-items:start;padding-top:12px}
.c-sala .ph{--phw:210px}
.c-chat .crop-in{left:-36%}

/* ============ R5 · UN DÍA DE CONSULTA (rev. 3): una foto por pestaña, los pasos con su texto y la captura llenando su marco ============ */
.dia-ph{display:block;margin:0 0 18px;font:500 24px/1.2 var(--f-titulo);font-variation-settings:'opsz' 36;letter-spacing:-.01em;color:var(--a-tinta);text-wrap:balance}
.dia-foto-w{margin:0 0 4px}
.dia-foto{--prop:16/9}
.dia-foto-l{margin-top:10px;font:500 18px/1.35 var(--f-titulo);font-variation-settings:'opsz' 18;color:var(--a-tinta);max-width:30ch;text-wrap:balance}
@media(min-width:960px){
  .dia-panel:not([hidden]){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .dia-ph{grid-column:1/-1;margin-bottom:28px;font-size:34px;max-width:22em}
  .dia-foto-w{grid-column:1/4;grid-row:2;margin:0}
  .dia-foto{--prop:3/4}
  .pasos{grid-column:4/13;grid-row:2;grid-template-columns:repeat(9,minmax(0,1fr))}
  .paso-in{grid-column:1/4}
  .paso-fig{grid-column:4/10}
  .paso-x{display:block;font-size:16px;color:var(--a-tinta-2)}
  .paso-li[data-act] .paso-x{color:var(--a-tinta)}
  .paso-fig .marco-pic{max-height:none}
  .paso-fig .marco-pic.centro{min-height:0;align-items:start;padding:28px 40px 0;max-height:660px}
  .paso-fig:has(.marco-pic.centro){justify-self:center;width:min(100%,380px)}
  .paso-fig{align-self:start}
  .paso-fig .flot{left:-36px;bottom:36px}
}

/* ============ R7 · PARA QUIÉN: cuatro perfiles tipo ============ */
.pq-g{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.pq-izq,.pq-der{min-width:0}
.pq-izq .sec-h{margin-bottom:24px}
.pq-tabs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--m);margin-inline:calc(-1*var(--m));padding:2px var(--m) 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.pq-tabs::-webkit-scrollbar{display:none}
.pq-tab{flex:none;scroll-snap-align:start;height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--a-linea);background:var(--a-carta);font:500 14px/1 var(--f-texto);color:var(--a-tinta-2)}
.pq-tab[aria-selected=true]{background:var(--a-tinta);border-color:var(--a-tinta);color:var(--a-papel)}
.pq-tab .t-l{display:none}
.pq-panel[hidden]{display:none}
.pq-h3{margin-bottom:18px;font:500 26px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;letter-spacing:-.005em;text-wrap:balance}
.pq-top{display:grid;gap:18px}
.pq-foto{--prop:16/10}
.pq-hist{font-size:17px;line-height:1.6;color:var(--a-tinta-2);text-wrap:pretty}
.pq-mar{margin-top:32px}
.pq-hilo{position:relative;margin-top:14px;display:grid;gap:18px;padding-left:28px}
.pq-hilo::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--a-hilo)}
.pq-hilo li{position:relative}
.pq-hilo li::before{content:'';position:absolute;left:-28px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--a-papel);border:3px solid var(--a-hilo)}
.pq-hilo .num{font-size:15px}
.pq-hilo p{margin-top:2px;font-size:16px;line-height:1.5;color:var(--a-tinta-2);text-wrap:pretty}
.pq-chips{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.pq-chips li{display:flex;align-items:center;gap:6px}
.chip-f{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--a-linea);background:var(--a-carta);color:var(--a-tinta);font:500 15px/1.2 var(--f-texto);text-decoration:none}
.chip-f:hover{border-color:var(--a-hilo-hondo);color:var(--a-hilo-hondo)}
.pq-plan{margin-top:20px;font-size:16px;color:var(--a-tinta)}
.pq-plan .plan{margin-right:6px}
.pq-cap{margin:28px 0 0;max-width:480px}
.pq-cap img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--a-r-tarjeta);border:1px solid var(--a-linea);box-shadow:var(--a-sombra)}
.pq-cap .rotulo{display:block;margin-top:8px}
@media(min-width:960px){
  .pq-g{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .pq-izq{grid-column:1/5}
  .pq-der{grid-column:5/13;padding-top:8px}
  .pq-tabs{display:grid;gap:0;overflow:visible;margin:0;padding:0;-webkit-mask-image:none;mask-image:none}
  .pq-tab{height:auto;padding:14px 0 14px 22px;border:0;border-left:3px solid var(--a-linea);border-radius:0;background:none;text-align:left;font:500 26px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-tinta-2)}
  .pq-tab:hover{color:var(--a-tinta)}
  .pq-tab[aria-selected=true]{background:none;border-left-color:var(--a-hilo);color:var(--a-tinta)}
  .pq-tab .t-l{display:inline}
  .pq-tab .t-c{display:none}
  .pq-h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
  .pq-top{grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
  .pq-foto{--prop:1/1}
  .pq-hilo{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:26px 0 0}
  .pq-hilo::before{left:0;right:0;top:6px;bottom:auto;width:auto;height:3px}
  .pq-hilo li::before{left:0;top:-25px}
}
html:not(.js) .pq-tabs{display:none}
html:not(.js) .pq-panel[hidden]{display:block!important;margin-bottom:48px}
html:not(.js) .pq-h3{position:static;width:auto;height:auto;clip:auto;overflow:visible}

/* ============ R-oculta · OPINIONES (apagada: con RESENAS.activo = false no se escribe en el HTML) ============ */
.op-g{display:grid;gap:16px}
.op-c{display:flex;flex-direction:column;gap:20px;padding:28px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-tarjeta);box-shadow:var(--a-sombra)}
.op-t{font:500 20px/1.4 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-tinta);text-wrap:pretty}
.op-p{display:flex;gap:12px;align-items:center;margin-top:auto}
.op-p img,.op-i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.op-i{display:grid;place-items:center;background:var(--a-hilo-claro);color:var(--a-hilo-hondo);font:600 17px/1 var(--f-titulo)}
.op-n{font-size:15px;color:var(--a-tinta)}
.op-d,.op-comp{font-size:14px;color:var(--a-tinta-2)}
.op-pie{margin-top:24px}
@media(min-width:960px){.op-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}

/* /funciones: cada función tiene su ancla (#fn-<id>), a la que enlazan los chips de «Para quién» */
.fn-it[id]{scroll-margin-top:calc(var(--nav-h) + 90px)}
.fn-it:target{outline:2px solid var(--a-hilo);outline-offset:6px;border-radius:6px}

/* ============ R6 · TU SEMANA, SOLA (rev. 3): la banda verde hondo ============ */
.sem{background:var(--a-hilo-hondo);color:var(--a-papel);overflow-x:clip}
.sem :focus-visible{outline-color:var(--a-papel)}
.sem .eyebrow{color:var(--a-hilo-claro)}
.sem .h2{color:var(--a-papel)}
.sem .lead{color:var(--a-hilo-claro)}
.sem-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.sem-ctl .btn{height:48px;padding:0 20px}
.sem-rot{color:var(--a-hilo-claro);flex-basis:100%;margin-top:4px}
.sem-escena{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sem-card{background:var(--a-carta);color:var(--a-tinta);border-radius:var(--a-r-panel);padding:16px;min-width:0}
.sem-dias{display:flex;gap:6px;margin-bottom:12px}
.sem-dias button{flex:1;height:44px;border-radius:8px;border:1px solid var(--a-linea);background:var(--a-papel);font:600 14px/1 var(--f-texto);color:var(--a-tinta-2)}
.sem-dias button[aria-pressed=true]{background:var(--a-tinta);border-color:var(--a-tinta);color:var(--a-papel)}
.ag{--rh:44px}
.ag-top,.ag-horas{display:none}
.ag-cols{position:relative}
.ag-dia{display:none;gap:8px;padding:0;margin:0}
.ag-dia.act{display:grid}
.bl{display:block;padding:10px 12px;border-radius:10px;border-left:4px solid;line-height:1.25;overflow:hidden}
.bl[hidden]{display:none}
.bl b{display:block;font-size:15px;font-weight:600}
.bl-s{display:block;margin-top:2px;font-size:13px}
.bl.e-pc{background:#FBEADC;border-color:#C9622F;color:#8A3A1A}
.bl.e-cf{background:#E6F0ED;border-color:#0F8B8D;color:#0A5F60}
.bl.e-pg{background:#EAF0E1;border-color:#3F6A1C;color:#2F4F14}
.bl.e-pp{background:#F6E7C8;border-color:#B98A1D;color:#6E4A00}
.bl.e-lb{background:transparent;border:1.5px dashed var(--a-linea-2);color:var(--a-tinta-3)}
.bl.cambio{box-shadow:0 0 0 2px var(--a-hilo-hondo)}
.ag-ley{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px;font-size:13px}
.ag-ley li{display:inline-flex;align-items:center;gap:6px;color:var(--a-tinta-2)}
.ag-ley li::before{content:'';width:12px;height:12px;border-radius:3px;border-left:4px solid;background:var(--a-papel)}
.ag-ley .e-pc::before{border-color:#C9622F;background:#FBEADC}
.ag-ley .e-cf::before{border-color:#0F8B8D;background:#E6F0ED}
.ag-ley .e-pg::before{border-color:#3F6A1C;background:#EAF0E1}
.ag-ley .e-pp::before{border-color:#B98A1D;background:#F6E7C8}
.sem-chat{margin-top:10px;display:grid;gap:6px;max-width:260px}
.sem-chat[hidden]{display:none}
.sem-av{margin-top:10px;display:block;padding:10px 14px;border-radius:8px;border:1.5px solid var(--a-hilo-hondo);background:var(--a-hilo-hondo);color:#fff;font:600 14px/1.2 var(--f-texto);text-align:left}
.sem-av[hidden]{display:none}
.sem-h3{font:500 20px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24;margin-bottom:12px}
.sem-reg{display:grid;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}
.sem-reg li{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:baseline;font-size:15px;line-height:1.4}
.sem-reg .num{font-size:15px}
.sem-reg p{color:var(--a-tinta)}
.sem-cont{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.sem-cont b{display:block;font:500 40px/1 var(--f-titulo);font-variation-settings:'opsz' 72;color:var(--a-papel)}
.sem-cont span{display:block;margin-top:6px;font-size:15px;line-height:1.35;color:var(--a-hilo-claro)}
.sem-fin{margin-top:28px;display:grid;gap:14px;justify-items:start;font:500 22px/1.3 var(--f-titulo);font-variation-settings:'opsz' 24;color:var(--a-papel);max-width:34ch}
.sem-fin[hidden]{display:none}
.sem-fin .btn{font-family:var(--f-texto)}
html:not(.js) .sem-ctl button,html:not(.js) .sem-dias{display:none}
html:not(.js) .ag-dia{display:grid}
@media(min-width:960px){
  .sem-escena{gap:24px;margin-top:28px}
  .sem-card{padding:20px}
  .sem-rot{flex-basis:auto;margin:0 0 0 auto}
  .sem-dias{display:none}
  .ag-top{display:grid;grid-template-columns:52px repeat(5,minmax(0,1fr));margin-bottom:6px}
  .ag-top b{text-align:center;font:600 14px/1 var(--f-texto);color:var(--a-tinta-2);padding:6px 0}
  .ag-cuerpo{display:grid;grid-template-columns:52px minmax(0,1fr)}
  .ag-horas{display:block}
  .ag-horas span{display:block;height:var(--rh);font-size:12px;color:var(--a-tinta-3);transform:translateY(-.55em);font-variant-numeric:tabular-nums}
  .ag-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(10*var(--rh));background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rh) - 1px),var(--a-linea) calc(var(--rh) - 1px),var(--a-linea) var(--rh))}
  .ag-dia,.ag-dia.act{display:block;position:relative;border-left:1px solid var(--a-linea)}
  .bl{position:absolute;left:3px;right:3px;top:calc((var(--h) - 9)*var(--rh) + 2px);height:calc(var(--rh) - 4px);padding:5px 6px 5px 8px;border-radius:8px}
  .bl time,.bl .sep{display:none} /* en el escritorio la hora ya está en el eje de la izquierda; el texto sigue en el HTML para los lectores de pantalla */
  .bl b{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .bl-s{margin-top:1px;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .sem-chat{position:absolute;right:4px;top:calc(4*var(--rh));width:210px;margin:0;z-index:3}
  .sem-av{position:absolute;margin:0;left:calc(40% + 4px);top:calc(2*var(--rh) + 2px);width:calc(20% - 8px);height:calc(var(--rh) - 4px);padding:4px 8px;font-size:12px;z-index:3}
  .sem-cont{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
  .sem-fin{grid-template-columns:auto auto;align-items:center;justify-items:start;max-width:none;gap:20px}
}

@media(min-width:1180px){
  .sem-escena{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
  .sem-reg{max-height:calc(10*var(--rh) + 30px)}
}

/* ============ Costuras del hilo (§5.1): un tramo corto cose la foto con su contenido; se dibuja al bajar (animation-timeline: view()) y, sin soporte, se ve completo y quieto ============ */
.cos{display:none}
@media(min-width:960px){
  .cos{display:block;position:absolute;height:3px;border-radius:2px;background:var(--a-hilo);pointer-events:none;z-index:2;transform-origin:left}
  .cos::after{content:'';position:absolute;right:-6px;top:-4.5px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--a-papel);border:3px solid var(--a-hilo)}
  .prob-fila{position:relative}
  .cos-prob{top:13px;left:calc(50% + 100%/12 - 24px - 100px);width:calc(100px + clamp(24px,3vw,48px) - 14px)}
  .dia-foto-w{position:relative}
  .cos-dia{top:28px;left:calc(100% - 100px);width:116px}
}
@supports (animation-timeline:view()){
  @media(min-width:960px) and (prefers-reduced-motion:no-preference){
    .cos{animation:costura linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
    @keyframes costura{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  }
}

/* ============ T5 · Ritmo vertical: la página tenía 120 px de relleno arriba y abajo en cada sección (metas: ≤ 14.000 px en escritorio y ≤ 19.000 en celular) ============ */
:root{--sec-y:56px}
@media(min-width:960px){:root{--sec-y:88px}}
.sec-h{margin-bottom:32px}
@media(min-width:960px){.sec-h{margin-bottom:44px}}
@media(min-width:960px){
  .sec-h--div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}
  .sec-h--div .rot,.sec-h--div .h2{grid-column:1/8}
  .sec-h--div .lead{grid-column:8/13;grid-row:1/span 2;align-self:end;margin-top:0}
}

/* ============ R8 · TODO EN UN SOLO LUGAR: tres áreas grandes y seis en filas ============ */
.areas-g{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--m));padding:2px var(--m) 8px;scroll-padding-inline:var(--m);scrollbar-width:none}
.areas-g::-webkit-scrollbar{display:none}
.areas-g .area-c{flex:none;width:min(300px,82vw);scroll-snap-align:start}
.areas-f{display:block;margin-top:24px;padding:0;border-top:1px solid var(--a-linea)}
.area-f .nm{display:grid;gap:2px}
.area-f small{font-size:14px;line-height:1.4;color:var(--a-tinta-2)}
.area-f .cnt{white-space:nowrap}
.areas-pie{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
@media(min-width:960px){
  .areas-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;margin:0;padding:0}
  .areas-g .area-c{width:auto}
  .area-c .crop-w{aspect-ratio:380/280}
  .area-c p{font-size:16px}
  .areas-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:36px}
  .area-f b{font-size:17px}
  .area-f small{font-size:15px}
}

/* ============ R9 · LO QUE HACE DISTINTO: cuatro bloques con recortes reales ============ */
.dist-cap{margin:0}
.dist-cap img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid var(--a-linea);background:var(--a-papel-3)}
.dist-cap .rotulo{display:block;margin-top:8px}
.dist .cero{margin:0;display:grid;place-items:center;aspect-ratio:16/10;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:10px;font:500 96px/1 var(--f-titulo);font-variation-settings:'opsz' 72;letter-spacing:-.02em;color:var(--a-hilo-hondo)}
@media(min-width:960px){
  .dist-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dist.d1{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
  .dist.d1 .vis{order:2}
  .dist p{font-size:16px}
}

/* ============ R10 · HAZ LA CUENTA: el tiempo que te devuelve Lazomed (momento firma 3) ============ */
.cu-g{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.cu-in{display:grid;gap:20px;align-content:start;min-width:0}
.cu-sup{border:1px solid var(--a-linea);border-radius:10px;background:var(--a-carta)}
.cu-sup summary{display:flex;align-items:center;min-height:48px;padding:0 14px;cursor:pointer;font:600 15px/1.2 var(--f-texto);color:var(--a-hilo-hondo)}
.cu-sup-g{display:grid;gap:16px;padding:4px 14px 16px}
.cu-sup fieldset{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.cu-sup legend{margin-bottom:6px;padding:0;font:600 14px/1.3 var(--f-texto)}
.cu-n{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:center;font-size:14px;line-height:1.35;color:var(--a-tinta-2)}
.cu-n input{width:76px;height:40px;padding:0 8px;border:1px solid var(--a-linea-2);border-radius:6px;background:#fff;font:500 15px/1 var(--f-texto);text-align:right;font-variant-numeric:tabular-nums;color:var(--a-tinta)}
.cu-fijo{font-size:13px;color:var(--a-tinta-3)}
.cu-out{position:relative;display:grid;gap:16px;align-content:start;min-width:0;padding:20px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-panel);box-shadow:var(--a-sombra)}
.cu-tabs{display:flex;gap:6px;border-bottom:1px solid var(--a-linea)}
.cu-tabs button{position:relative;height:44px;padding:0 14px;background:none;border:0;font:600 15px/1 var(--f-texto);color:var(--a-tinta-2)}
.cu-tabs button[aria-selected=true]{color:var(--a-tinta)}
.cu-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:2px;background:var(--a-hilo)}
.cu-p[hidden]{display:none}
.cu-res{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.cu-reloj{position:relative;width:160px;height:160px}
.cu-reloj svg{width:160px;height:160px}
.rl-riel{fill:none;stroke:var(--a-linea-2);stroke-width:4}
.rl-arco{fill:none;stroke:var(--a-hilo);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s cubic-bezier(.2,.7,.2,1)}
.rl-laz{fill:none;stroke:var(--a-hilo);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.cu-reloj.lleno .rl-laz{opacity:1}
.cu-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.cu-c b{font:500 28px/1.05 var(--f-titulo);font-variation-settings:'opsz' 36;font-variant-numeric:tabular-nums}
.cu-c span{margin-top:2px;font-size:14px;color:var(--a-tinta-2)}
.cu-num p{font:400 18px/1.35 var(--f-titulo);color:var(--a-tinta-2)}
.cu-num b{display:block;font:500 30px/1.1 var(--f-titulo);font-variation-settings:'opsz' 36;color:var(--a-tinta);font-variant-numeric:tabular-nums}
.cu-num p+p{margin-top:8px}
.cu-form{font-size:13px;line-height:1.5;color:var(--a-tinta-3);text-wrap:pretty}
.cu-out .calc-out{display:grid;gap:14px}
.cu-foto{--prop:16/10;max-width:420px}
.cu-h3{margin:40px 0 16px;font:500 26px/1.2 var(--f-titulo);font-variation-settings:'opsz' 24}
.cu-nota{margin-top:12px}
.cu-t,.cu-t thead,.cu-t tbody,.cu-t tfoot,.cu-t tr,.cu-t th,.cu-t td{display:block}
.cu-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cu-t tbody tr{margin-bottom:10px;padding:14px 16px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:12px}
.cu-t tbody th{font:600 18px/1.3 var(--f-titulo);font-variation-settings:'opsz' 24;text-align:left}
.cu-t td{margin-top:8px;font-size:15px;line-height:1.45;color:var(--a-tinta-2)}
.cu-t td::before{content:attr(data-et);display:block;font:600 12px/1.3 var(--f-texto);color:var(--a-tinta-3)}
.cu-t td.l{color:var(--a-hilo-hondo)}
.cu-t td.tm b{font:500 22px/1.1 var(--f-titulo);color:var(--a-tinta);font-variant-numeric:tabular-nums}
.cu-t tfoot tr{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 4px}
.cu-t tfoot th{font:600 16px/1.3 var(--f-texto)}
.cu-t tfoot td{margin:0}
.cu-t tfoot td::before{display:none}
@media(min-width:960px){
  .cu-g{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .cu-in{grid-column:1/6}
  .cu-out{grid-column:6/13;padding:24px}
  .cu-t{display:table;width:100%;border-collapse:collapse}
  .cu-t thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:table-header-group}
  .cu-t tbody{display:table-row-group}
  .cu-t tfoot{display:table-footer-group}
  .cu-t tr{display:table-row}
  .cu-t tbody tr{padding:0;margin:0;background:none;border:0;border-radius:0}
  .cu-t th,.cu-t td{display:table-cell;padding:14px 16px;border-bottom:1px solid var(--a-linea);text-align:left;vertical-align:top}
  .cu-t thead th{font:600 13px/1.3 var(--f-texto);color:var(--a-tinta-3);padding-top:0}
  .cu-t td{margin:0;font-size:16px}
  .cu-t td::before{display:none}
  .cu-t td.l,.cu-t thead th.l{background:var(--a-hilo-claro)}
  .cu-t td.tm,.cu-t thead th.tm{text-align:right;white-space:nowrap}
  .cu-t tbody th{font-size:17px}
  .cu-t tfoot tr{display:table-row}
  .cu-t tfoot th{text-align:right;border-bottom:0}
  .cu-t tfoot td{border-bottom:0}
}
@media(min-width:1180px){
  .cu-out{padding-right:236px}
  .cu-foto{position:absolute;right:-48px;top:72px;width:260px;max-width:none;--prop:4/5;z-index:2}
}

/* ============ R11 · PRECIOS: sin chips en las tarjetas y «Sin letra chica» ============ */
.sinletra{margin-top:40px}
.sl-g{display:grid;gap:16px;margin-top:16px}
.sl-g li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;align-items:start}
.sl-g .g{grid-row:1/span 2;margin-top:6px}
.sl-g b{grid-column:2;font:600 16px/1.3 var(--f-texto)}
.sl-g span{grid-column:2;font-size:15px;line-height:1.45;color:var(--a-tinta-2)}
@media(min-width:960px){.sl-g{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}

/* ============ R12 · SEGURIDAD Y PRIVACIDAD: la foto de las fichas atadas y los seis puntos ============ */
.seg-g2{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.seg-izq,.seg-der{min-width:0}
.seg-izq .sec-h{margin-bottom:24px}
.seg-foto-w{position:relative}
.seg-foto{--prop:1/1}
.seg-der .med-g{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.seg-der .leyes{margin-top:28px}
@media(min-width:960px){
  .seg-g2{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .seg-izq{grid-column:1/6}
  .seg-der{grid-column:6/13}
  .seg-foto{--prop:4/3}
  .seg-der .med-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
}

/* ============ R13 · POR QUÉ EXISTE LAZOMED ============ */
.eq-g{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.eq-foto{--prop:1/1;order:-1}
.eq-g .carta{max-width:60ch;padding:28px;background:var(--a-carta);border:1px solid var(--a-linea);border-radius:var(--a-r-panel);box-shadow:var(--a-sombra);font:400 20px/1.5 var(--f-titulo);font-variation-settings:'opsz' 20;color:var(--a-tinta)}
.eq-g .carta p+p,.eq-g .carta p+.reglas,.eq-g .carta .reglas+p{margin-top:14px}
.reglas{margin:10px 0 0;padding:0;display:grid;gap:8px;list-style:none}
.reglas li{position:relative;padding-left:22px}
.reglas li::before{content:'';position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;border:2.5px solid var(--a-hilo)}
.eq-g .carta a{font-family:var(--f-texto);font-size:17px}
.eq-g .firma{margin-top:22px;display:flex;align-items:flex-end;gap:12px}
.eq-g .firma .nm{font:500 22px/1 var(--f-titulo);font-variation-settings:'opsz' 24}
.firma-laz{width:18px;height:24px;overflow:visible;fill:none;stroke:var(--a-hilo);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:960px){
  .eq-g{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .eq-g .carta{grid-column:1/9;padding:40px 44px}
  .eq-foto{grid-column:9/13;--prop:4/5;order:0}
}

/* ============ R14 · TE ACOMPAÑAMOS: la foto de objetos, sin personas, junto a los 4 puntos ============ */
.apoyo-w{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.demo-foto{--prop:4/3;--foco:55% 65%}
.apoyo-w .apoyo-g{grid-template-columns:minmax(0,1fr);gap:14px}
@media(min-width:960px){
  .apoyo-w{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start}
  .demo-foto{--foco:50% 60%}
}

/* ============ R15 · PREGUNTAS FRECUENTES: una sola lista ============ */
.vinetas-f{margin:0;padding-left:20px;display:grid;gap:8px;list-style:disc;color:var(--a-tinta-2)}
@media(min-width:960px){
  .acc-2{max-width:none!important;columns:2;column-gap:48px}
  .acc-2 .acc-i{break-inside:avoid}
}

/* ============ R16 · CTA FINAL: F12 a sangre con su velo ============ */
.cta-fin{position:relative;isolation:isolate;overflow:hidden}
.cta-foto{position:absolute;inset:0;z-index:-1}
.cta-foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,26,.55) 0%,rgba(15,28,26,.92) 100%)}
.cta-pc,.cta-mv{position:absolute;inset:0;display:block}
.cta-pc{display:none}
.cta-foto picture{position:absolute;inset:0;display:block}
.cta-foto img{width:100%;height:100%;object-fit:cover}
.cta-mv img{object-position:50% 60%}
.cta-pc img{object-position:65% 50%}
.cta-fin .cta-in{text-align:left;justify-items:start}
.cta-fin .cta-in .h2{margin-inline:0}
.cta-fin .cta-in .lead{color:#D9E2DE}
.cta-fin .cta-micro{color:#C5D0CB}
.cta-fin .cta-btns{justify-content:flex-start}
@media(min-width:960px){
  .cta-foto::after{background:linear-gradient(90deg,rgba(15,28,26,.92) 0%,rgba(15,28,26,.70) 45%,rgba(15,28,26,.25) 100%)}
  .cta-mv{display:none}
  .cta-pc{display:block}
}

/* ============ Costuras de R12 y R13 ============ */
@media(min-width:960px){
  .cos-seg{top:64px;left:calc(100% - 100px);width:128px}
  .cos-eq{top:calc(100% - 64px);left:calc(75% - 18px - 100px);width:116px}
}

/* ============ Pie: dos columnas en el celular (era un rollo de 1.400 px) ============ */
@media(max-width:959px){
  .pie{padding:40px 0 calc(24px + 80px)}
  .pie-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .pie-m{grid-column:1/-1}
  .pie-c a,.pie-c button.l{min-height:40px}
}
/* R10 en el celular: tarjetas más compactas */
@media(max-width:959px){
  .cu-t tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px 14px}
  .cu-t tbody th{grid-column:1;font-size:17px}
  .cu-t td.tm{grid-column:2;grid-row:1;margin:0;text-align:right}
  .cu-t td.tm::before{display:none}
  .cu-t td.m,.cu-t td.l{grid-column:1/-1;margin-top:6px;font-size:14px}
  .cu-c b{font-size:22px}
  .cu-num b{font-size:24px}
  .cu-res{grid-template-columns:auto minmax(0,1fr);gap:14px}
}

/* ============ Ajuste de alturas (metas: ≤ 14.000 px en escritorio y ≤ 19.000 en celular) ============ */
:root{--sec-y:32px}
@media(min-width:960px){:root{--sec-y:56px}}
.sec-h{margin-bottom:20px}
@media(min-width:960px){.sec-h{margin-bottom:32px}}
.hero-foto{--prop:4/3}
.linea-prof{min-height:3.2em}
.prob-m{padding:16px 0}
.prob-cierre{margin-top:28px}
.pq-foto,.pq-cap{display:none}
.area-c .crop-w{aspect-ratio:16/9}
.area-f small{display:none}
.dist{padding:20px;gap:16px}
.dist-cap img{aspect-ratio:16/8}
.dist .cero{font-size:72px;aspect-ratio:16/7}
.cu-foto{--prop:16/6}
.sl-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sl-g span{font-size:14px}
.seg-foto,.eq-foto,.demo-foto{--prop:16/9}
.eq-g .carta{font-size:18px;padding:22px}
.sem-reg{max-height:200px}
.vin-s{display:flex;align-items:center;min-height:44px;margin-top:16px;padding:0 4px;cursor:pointer;font:600 15px/1.2 var(--f-texto);color:var(--a-hilo-hondo);border-top:1px solid var(--a-linea)}
.vin-d[open] .vin-s{margin-bottom:4px}
@media(min-width:960px){
  .hero{padding:36px 0 40px}
  .sel-w{margin-top:28px}
  .prob-m{padding:20px 0}
  .prob-cierre{margin-top:40px}
  .dia-ph{margin-bottom:20px;font-size:30px}
  .paso-in{padding:10px 0}
  .sem-escena{margin-top:20px}
  .sem-cont{margin-top:20px}
  .sem-fin{margin-top:20px}
  .area-c .crop-w{aspect-ratio:16/10}
  .areas-f{margin-top:28px}
  .areas-pie{margin-top:20px}
  .area-f small{display:block}
  .dist{padding:28px;gap:20px}
  .dist-cap img{aspect-ratio:16/9}
  .dist .cero{font-size:96px;aspect-ratio:16/9}
  .cu-h3{margin:28px 0 12px}
  .cu-t th,.cu-t td{padding:10px 16px}
  .pq-foto{display:block}
  .pq-cap{display:block}
  .plan-c{padding:24px}
  .sl-g{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
  .sl-g span{font-size:15px}
  .seg-foto{--prop:4/3}
  .eq-foto{--prop:4/5}
  .eq-g .carta{font-size:20px;padding:36px 44px;max-width:none}
  .eq-g .carta>*{max-width:56ch}
  .demo-foto{--prop:4/3}
  .vin-s{display:none}
  .pie{padding:56px 0 40px}
  .cta-fin{padding:64px 0}
  .cos-eq{left:calc(66% - 100px);width:130px;top:calc(100% - 96px)}
  .hero-foto{--prop:4/5}
  .linea-prof{min-height:2.9em}
  .cu-foto{--prop:16/10}
  .sem-reg{max-height:320px}
}
@media(min-width:1180px){
  .cu-foto{--prop:4/5}
  .sem-reg{max-height:calc(10*var(--rh) + 30px)}
}
.cta-fin .cta-in .lead,.cta-fin .cta-micro{max-width:44ch}

/* ============ Ajuste de alturas, segunda vuelta ============ */
:root{--sec-y:24px}
@media(min-width:960px){:root{--sec-y:48px}}
.sec-h{margin-bottom:16px}
@media(min-width:960px){.sec-h{margin-bottom:28px}}
.h2-afirma{font-size:calc(clamp(34px,4vw + 18px,56px)*var(--t-esc))}
.hero-foto{--prop:16/10}
.prob-foto{--prop:16/9}
.dia-foto{--prop:16/7}
.dist-cap img{aspect-ratio:16/5}
.dist.d1 .cb .cb-m:nth-child(n+3){display:none}
.dist .cero{aspect-ratio:16/5;font-size:56px}
.banda-gr{display:none}
.cu-t td.m,.cu-t td.l{font-size:13.5px;margin-top:4px}
.pq-hilo{gap:12px}
.pq-hist{font-size:16px}
.prob-d{font-size:15px}
.area-c p{display:none}
.apoyo p{font-size:14.5px}
.acc-q{min-height:52px}
.sem-card{padding:14px}
.preguntas .lead,#preguntas .sec-h .lead{display:none}
.pie-c a,.pie-c button.l{min-height:36px}
.pie h4{margin-bottom:4px}
@media(min-width:960px){
  .hero-foto{--prop:4/5}
  .prob-foto{--prop:3/2}
  .dia-foto{--prop:3/4}
  .dist-cap img{aspect-ratio:16/9}
  .dist.d1 .cb .cb-m:nth-child(n+3){display:block}
  .dist .cero{aspect-ratio:16/9;font-size:96px}
  .banda-gr{display:block}
  .cu-t td.m,.cu-t td.l{font-size:16px}
  .pq-hilo{gap:20px}
  .pq-hist{font-size:17px}
  .prob-d{font-size:16px}
  .area-c p{display:block}
  .apoyo p{font-size:15px}
  #preguntas .sec-h .lead{display:block}
  .pie-c a,.pie-c button.l{min-height:40px}
  .precio{font-size:calc(40px*var(--t-esc))}
  .vinetas{gap:8px}
}
@media(min-width:960px) and (max-width:1199px){.precio{font-size:calc(34px*var(--t-esc))}}

/* R9 en el celular: los cuatro bloques en un carril (como las áreas de R8) para no sumar 1.800 px; en el escritorio vuelve la grilla */
.dist-g{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--m));padding:2px var(--m) 8px;scroll-padding-inline:var(--m);scrollbar-width:none}
.dist-g::-webkit-scrollbar{display:none}
.dist-g .dist{flex:none;width:min(310px,86vw);scroll-snap-align:start}
.dist.d1 .cb .cb-m:nth-child(n+3){display:block}
@media(min-width:960px){
  .dist-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;margin:0;padding:0}
  .dist-g .dist{width:auto}
  :root{--sec-y:44px}
  .sel-w{margin-top:20px}
  .pie{padding:44px 0 32px}
}
@media(max-width:959px){.dist-cap img{aspect-ratio:16/8}.dist .cero{aspect-ratio:16/8}}

/* ajuste fino de alturas en el celular */
@media(max-width:959px){
  .seg-der .med p.ex{display:none}
  .integra{padding:20px 0}
  .acc-q{min-height:48px}
  .eq-g .carta p+p,.eq-g .carta p+.reglas,.eq-g .carta .reglas+p{margin-top:10px}
  .prob-fila{gap:24px}
  .cu-h3{margin:24px 0 10px}
  .cu-nota{margin-top:8px}
  .pie-legal{margin-top:24px;padding-top:16px}
}

/* ============ Pulido (director de arte, 16-oct) ============ */
/* barra fija del celular: fuera de la vista de verdad mientras no corresponde (ni un píxel asoma sobre el borde inferior) */
.sbar{transition:transform .25s var(--ease),visibility 0s .25s}
.sbar:not(.on){visibility:hidden}
.sbar.on{transition:transform .25s var(--ease),visibility 0s}
/* R10: el centro del reloj, más chico; «≈ 205 min» sin partirse */
.cu-c b{font-size:22px;white-space:nowrap}
.cu-t tfoot td b,.cu-t td.tm b,#cu-tot{white-space:nowrap}
@media(min-width:960px){
  /* hero: el selector de profesión va en la columna izquierda, bajo la microcopia (en dos filas) y dentro del primer pantallazo */
  .sel-w{grid-column:1/6;grid-row:2;margin-top:18px;grid-template-columns:minmax(0,1fr);row-gap:10px}
  .demo-w{grid-row:1/span 2}
  .sel{gap:6px}
  .chip-p{height:40px;padding:0 13px}
  .linea-prof{font-size:17px;min-height:0}
  /* CTA final: 560 px o más de alto con 96 px de relleno, para que la foto de noche no quede cortada */
  .cta-fin{padding:96px 0;min-height:560px;display:flex;align-items:center}
  .cta-fin>.wrap{width:min(var(--maxw),100% - 2*var(--m))}
}
@media(min-width:1180px){
  /* R10: la foto F11 dentro de la grilla de la tarjeta, no colgando fuera de ella */
  .cu-out{padding-right:24px;grid-template-columns:minmax(0,1fr) 230px;column-gap:24px;row-gap:16px}
  .cu-tabs{grid-column:1/-1}
  .cu-p{grid-column:1;grid-row:2}
  .cu-cta{grid-column:1;grid-row:3}
  .cu-foto{position:relative;grid-column:2;grid-row:2/span 2;width:auto;max-width:none;aspect-ratio:auto;min-height:240px;align-self:stretch;right:auto;top:auto}
}

/* pulido: el hero cabe con el selector en el primer pantallazo (1280 × 800) */
@media(min-width:960px){
  :root{--sec-y:40px}
  .hero{padding:28px 0 36px}
  .hero .eyebrow{font-size:13px}
  .hero .h1{margin-top:12px;font-size:calc(clamp(40px,2.3vw + 24px,56px)*var(--t-esc));line-height:1.03}
  .sub{margin-top:14px;font-size:17px;line-height:1.5}
  .ctas{margin-top:20px}
  .micro{margin-top:10px;font-size:13.5px;line-height:1.45}
  .sel-w{margin-top:12px;row-gap:8px}
  .selq{font-size:13.5px}
  .chip-p{height:36px;padding:0 12px;font-size:13.5px}
  .linea-prof{font-size:16px;line-height:1.4}
}