/* Direction: taller corporativo — Archivo expandido (eco del logo) + IBM Plex Sans; papel 70 / espresso 20 / naranja 10; móvil primero: una columna, 16 px, objetivos de 44 px */
:root{
  --espresso:#1E1410; --espresso-2:#2A1D17;
  --paper:#F5EFE4; --paper-2:#E7DBC5; --card:#FFFCF6;
  --ink:#1E1410; --ink-soft:#5A4C3F; --ink-mute:#695B4E;
  --cream:#F4ECDD; --cream-soft:#C9BBA6;
  --orange:#E8552E; --orange-ink:#A63D1B; --botella:#1F4D3D; --pizarra:#2C4A63; --wm-slash:var(--orange);
  --rule:rgba(30,20,16,.16); --rule-strong:#1E1410; --rule-dark:rgba(244,236,221,.18);
  --display:'Archivo',sans-serif; --body:'IBM Plex Sans',sans-serif;
  --t-xs:13px; --t-sm:14.5px; --t-base:16px; --t-md:17px; --t-lg:19px; --t-num:26px;
  --t-h2:clamp(24px,1rem + 1.2vw,34px); --t-h1:clamp(34px,5vw,72px);
  --container:1320px; --gutter:clamp(20px,4vw,56px);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px;
  --r:4px; --r-lg:16px; --hover:var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
input,button,output{font:inherit}
strong,b{font-weight:600}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3,.num{font-family:var(--display);font-stretch:118%;font-weight:800;letter-spacing:-.02em;line-height:1.08}
h1{font-size:var(--t-h1)}
h1 em,h2 em{font-weight:600;color:var(--orange-ink)}
.on-dark h1 em,.on-dark h2 em{color:var(--orange)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-lg);font-weight:700;font-stretch:110%;letter-spacing:-.01em;line-height:1.2}
.num{font-variant-numeric:tabular-nums lining-nums}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.lead{font-size:var(--t-lg);line-height:1.5;color:var(--ink-soft);max-width:34em}
.small{font-size:var(--t-sm)}
.note{font-size:var(--t-xs);color:var(--ink-mute);line-height:1.5}
:focus-visible{outline:3px solid var(--rule-strong);outline-offset:3px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 var(--s-6);border-radius:var(--r);font:600 var(--t-base)/1 var(--body);text-decoration:none;border:1.5px solid transparent;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}
.btn--primary{--fill:var(--ink);--fill-ink:var(--cream);background:linear-gradient(var(--fill),var(--fill)) no-repeat 50% 100%/100% 0 var(--orange);color:var(--ink);transition:background-size .28s var(--ease-out),color .18s}
.btn--primary:hover{background-size:100% 100%;color:var(--fill-ink)}
.on-dark .btn--primary{--fill:var(--cream);--fill-ink:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn--line{border-color:currentColor}
.btn--line:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.on-dark .btn--line:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn--sm{min-height:40px;padding:0 var(--s-4);font-size:var(--t-sm)}
.link{font-weight:600;color:var(--orange-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.link:hover{color:var(--hover)}
.on-dark{background:var(--espresso);color:var(--cream);--ink-soft:var(--cream-soft);--ink-mute:var(--cream-soft);--orange-ink:var(--orange);--botella:#7FD1B0;--pizarra:var(--cream-soft);--rule:var(--rule-dark);--rule-strong:var(--cream);--hover:var(--cream)}
.on-dark .lead,.on-dark .note{color:var(--cream-soft)}


/* cabecera */
.top{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--rule-dark)}
.top .wrap{display:flex;align-items:center;gap:var(--s-8);min-height:68px}
.logo{--wm-size:21px;display:inline-flex;text-decoration:none;padding-block:var(--s-2)}
.nav{display:flex;gap:var(--s-6);margin-left:auto;font-size:var(--t-sm);font-weight:500}
.nav a{text-decoration:none;color:var(--cream-soft);padding:var(--s-2) 0}
.nav a:hover{color:var(--cream)}
.menu{display:none}

.lang{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule-dark);border-radius:999px}
.lang a,.lang button{text-decoration:none;display:inline-flex;align-items:center;min-height:30px;padding:0 var(--s-3);border:0;border-radius:999px;background:transparent;color:var(--cream-soft);font:600 var(--t-xs)/1 var(--body);cursor:pointer;transition:background .18s,color .18s}
.lang a:hover,.lang button:hover{color:var(--cream)}
.lang a[aria-current="page"],.lang button.is-on{background:var(--cream);color:var(--ink)}
.menu .lang{margin-top:var(--s-3);justify-self:start}
.menu .lang a,.menu .lang button{min-height:38px;padding:0 var(--s-4)}


.belt{outline-offset:4px}
.belt:hover .belt-track,.belt:focus-visible .belt-track,.belt.is-paused .belt-track{animation-play-state:paused}

/* hero */
.hero{padding-block:var(--s-12) var(--s-12)}
.hero-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s-16);align-items:center}
.hero h1{line-height:1.06}
.hero h1 .ln{display:block}
.hero h1 .rot{font-style:italic;font-weight:600;color:var(--orange)}
.hero-sub{margin-top:var(--s-6);font:600 clamp(19px,1.9vw,26px)/1.25 var(--display);font-stretch:105%;color:var(--cream-soft);max-width:18em}
.hero-side .hero-cta{flex-direction:column;align-items:stretch;margin-top:var(--s-6)}
.hero .lead{margin-top:0;font-size:var(--t-base);line-height:1.6}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.hero-where{margin-top:var(--s-3)}


/* parámetros */

/* secciones */
.sec{padding-block:var(--s-16)}
.sec--tight{padding-block:var(--s-12)}
.sec--alt{background:var(--paper-2)}
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-16);align-items:end;margin-bottom:var(--s-8)}
.sec-head .lead{font-size:var(--t-base)}

/* productos: filas de libro mayor */
.prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.prod{display:flex;flex-direction:column;padding:var(--s-8);border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--espresso-2);transition:border-color .25s,transform .35s var(--ease-out)}
.prod:hover{border-color:var(--orange);transform:translateY(-3px)}
.prod > div:nth-child(2){margin-top:var(--s-6)}
.prod-buy{margin-top:auto;padding-top:var(--s-6)}
.prod-buy::before{content:"";display:block;height:1px;background:var(--rule);margin-bottom:var(--s-6)}
.prod-for{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-soft)}
.prod-pain{font-weight:500;margin-bottom:var(--s-4)}
.ticks li{font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}
.ticks li + li{margin-top:var(--s-2)}
.prod-buy .num{font-size:var(--t-h2);display:block}
.prod-buy .per{font-size:var(--t-sm);color:var(--ink-soft);margin-top:var(--s-1);line-height:1.4;min-height:2.8em}
.prod-buy .btn{margin-top:var(--s-5);width:100%}

.prod-more{display:inline-block;margin-top:var(--s-2);padding-block:var(--s-3)}
.prod-tabs,.prod-dots,.prod-swipe,.side{display:none}

/* gestos de marca repartidos */
.sec-mark{display:flex;gap:.22em;font-size:18px;margin-bottom:var(--s-3)}
.btn .wm-loader{--wm-size:.9em;--wm-slash:currentColor;margin-left:var(--s-3)}

/* sectores */
.h-link{text-decoration:none;transition:color .2s}
.h-link:hover{color:var(--orange-ink)}
.mos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:190px;grid-auto-flow:dense;gap:var(--s-2)}
.mos > li{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--espresso);color:var(--cream);outline-offset:3px}
.mos > li:nth-child(1){grid-column:span 2;grid-row:span 2}
.mos > li:nth-child(6){grid-column:span 2}
.mos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:filter .4s,transform .8s var(--ease-out)}
.mos-mark{position:absolute;left:var(--s-3);top:var(--s-3);z-index:2;display:flex;gap:.22em;font-size:14px;color:var(--orange)}
.mos-cap{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-4);background:rgba(30,20,16,.9);opacity:0;transition:opacity .3s}
.mos > li:hover .mos-cap,.mos > li:focus-visible .mos-cap,.mos > li.is-open .mos-cap{opacity:1}
.mos > li:hover img,.mos > li:focus-visible img,.mos > li.is-open img{filter:none;transform:scale(1.04)}
.mos-cap h3{font-size:var(--t-sm);line-height:1.2;color:var(--cream)}
.mos > li:nth-child(1) .mos-cap h3{font-size:var(--t-lg)}
.mos-cap p{margin-top:var(--s-1);font-size:var(--t-xs);line-height:1.45;color:var(--cream-soft)}
.chips{display:flex;flex-wrap:wrap;gap:0 var(--s-2);margin-top:var(--s-1)}
.chips li{font-size:12.5px;font-weight:500;line-height:1.55;color:var(--cream-soft);white-space:nowrap}
.chips li + li::before{content:"";display:inline-block;width:3px;height:.75em;margin-right:var(--s-2);background:var(--orange);transform:skewX(var(--wm-skew))}

/* mosaico */

/* casos */
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.case{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-8);text-decoration:none;background:#D9C9AC;border:1.5px solid var(--ink);border-radius:var(--r-lg);--orange-ink:#8E3316}
.case{transition:background .25s,color .25s,border-color .25s,transform .35s var(--ease-out)}
.case:hover{transform:translateY(-3px);border-color:var(--orange-ink)}
.case-sector{font-size:var(--t-sm);font-weight:500;color:var(--pizarra)}
.case h3{font-size:var(--t-lg)}
.case-result{margin-top:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--rule);font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}
.case-result strong{display:block;margin-bottom:var(--s-2);font:700 var(--t-lg)/1.2 var(--display);color:var(--orange-ink)}
.case-go{margin-top:auto;padding-top:var(--s-4);font-size:var(--t-sm);font-weight:600;color:var(--orange-ink);text-decoration:underline;text-underline-offset:4px}
/* cinta de clientes */
.belt-wrap{padding-block:0 var(--s-12)}
.belt-head{margin-bottom:var(--s-16);padding-top:var(--s-12);border-top:1px solid var(--rule)}
.belt-head p{font-size:var(--t-sm);color:var(--ink-soft)}
.belt-head .num{font-size:var(--t-num);color:var(--cream);margin-right:var(--s-2)}
.belt{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.belt-track{display:flex;flex:none;align-items:center;gap:var(--s-12);padding-right:var(--s-12);animation:ticker 70s linear infinite}
.belt:hover .belt-track,.belt:focus-within .belt-track{animation-play-state:paused}
.belt-track li{flex:none;display:flex;align-items:center;height:78px;opacity:.78;transition:opacity .3s}
.belt-track li:hover{opacity:1}
.belt-track img{max-width:none}

/* a medida */
.path-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-16);align-items:start}
.path-grid .lead{font-size:var(--t-base);margin-top:var(--s-4)}
.path-grid .link{display:inline-block;margin-top:var(--s-4);padding-block:var(--s-2)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--rule-strong)}
.steps li{counter-increment:s;padding:var(--s-6) var(--s-6) 0 0}
.steps li + li{padding-left:var(--s-6);border-left:1px solid var(--rule)}
.steps li::before{content:counter(s);font:700 var(--t-num)/1 var(--display);color:var(--orange-ink);display:block;margin-bottom:var(--s-3)}
.steps h3{font-size:var(--t-base);overflow-wrap:anywhere}
.steps p{font-size:var(--t-sm);color:var(--ink-soft);margin-top:var(--s-2);line-height:1.5}
.steps .when{color:var(--ink);font-weight:600;margin-top:var(--s-3)}


.photo-wrap{position:relative;max-width:380px}


/* barra móvil */

/* sobre nosotros */
.crumb{font-size:var(--t-xs);color:var(--cream-soft);margin-bottom:var(--s-4)}
.crumb a{color:inherit;text-decoration:none}
.who-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-16);align-items:start}
.photo-wrap{max-width:380px}
.photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg)}
.prose{margin-top:var(--s-6);max-width:36em;color:var(--ink-soft)}
.prose p + p{margin-top:var(--s-3)}
.founder{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s-6);margin-top:var(--s-8);padding:var(--s-6);background:var(--paper-2);border-radius:var(--r-lg)}
.founder h3{font-size:var(--t-lg)}
.founder > p{font-size:var(--t-sm);color:var(--ink-soft);line-height:1.55}
.contact{margin-top:var(--s-8);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--rule-strong)}
.contact div{padding:var(--s-4) var(--s-4) 0 0}
.contact div + div{padding-left:var(--s-4);border-left:1px solid var(--rule)}
.contact dt{font-size:var(--t-xs);color:var(--ink-mute)}
.contact dd{font-weight:600;margin-top:var(--s-1);overflow-wrap:anywhere}
.contact a{text-decoration:none}
.steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* cierre en tarjeta */
.cta-wrap{padding-block:var(--s-16)}
.cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-10);align-items:center;padding:clamp(28px,4.5vw,56px);background:var(--espresso);color:var(--cream);border-radius:24px;--ink-soft:var(--cream-soft);--orange-ink:var(--orange);--rule-strong:var(--cream)}
.cta p{margin-top:var(--s-4);max-width:30em;color:var(--cream-soft)}
.cta .btn--primary{--fill:var(--cream);--fill-ink:var(--ink)}
.cta-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:flex-end}

/* pie */
.foot{padding-block:var(--s-12) var(--s-8);font-size:var(--t-sm)}
.foot-grid{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,3fr));gap:var(--s-10)}
.foot .logo{--wm-size:17px;padding:0}
.foot-about p{color:var(--cream-soft);margin-top:var(--s-4);max-width:26em}
.foot h2{font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);margin-bottom:var(--s-4)}
.foot li + li,.foot-col p + p{margin-top:var(--s-2)}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline;text-underline-offset:4px}
.social{display:flex;gap:var(--s-2);margin-bottom:var(--s-4)}
.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule-dark);border-radius:var(--r);color:var(--cream);transition:background .18s,color .18s,border-color .18s}
.social a:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.social svg{width:20px;height:20px}
.foot-base{margin-top:var(--s-10);padding-top:var(--s-4);border-top:1px solid var(--rule-dark);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3) var(--s-6);color:var(--cream-soft);font-size:var(--t-xs)}
.foot-base nav{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-6)}

@media (max-width:1200px){
  .mos{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px}
  .mos > li:nth-child(6){grid-column:auto}
  .mos > li:nth-child(10){grid-column:span 3}
}
@media (max-width:980px){
  .who-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
  .photo-wrap{max-width:260px}
  .founder{grid-template-columns:minmax(0,1fr)}
  .steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root{--t-h1:clamp(34px,7vw,60px)}
  .nav{display:none}
  .top .wrap{gap:var(--s-3)}
  .top .btn{margin-left:auto}
  .menu{display:block;position:static}
  .menu summary{list-style:none;cursor:pointer;min-height:40px;padding:0 var(--s-3);display:flex;align-items:center;border:1.5px solid var(--rule-dark);border-radius:var(--r);font:600 var(--t-sm)/1 var(--body)}
  .menu summary::-webkit-details-marker{display:none}
  .menu-panel{position:absolute;left:0;right:0;top:100%;background:var(--espresso-2);border-bottom:1px solid var(--rule-dark);padding:var(--s-3) var(--gutter) var(--s-4);display:grid;gap:var(--s-1)}
  .menu nav{display:grid}
  .menu nav a{padding:var(--s-3) 0;min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid var(--rule-dark)}
  .menu nav a:hover{background:var(--espresso)}
  .hero-grid,.sec-head,.path-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-10)}
  .hero{padding-block:var(--s-12) var(--s-12)}
  .sec{padding-block:var(--s-16)}
  .sec-head{margin-bottom:var(--s-8);align-items:start;gap:var(--s-4)}
  .prods{grid-template-columns:minmax(0,1fr)}
  .prod{padding:var(--s-6)}
  .cases{grid-template-columns:minmax(0,1fr)}
  .hero-side .hero-cta{flex-direction:row}
  .cta{grid-template-columns:minmax(0,1fr)}
  .cta-actions{justify-content:flex-start}
  .belt-track{gap:var(--s-10);padding-right:var(--s-10)}
  .belt-track li{height:60px}
  .belt-track img{height:auto;width:auto;max-height:60px;max-width:150px}
  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-grid > div:first-child{grid-column:1/-1}
}
@media (max-width:600px){
  :root{--t-base:16px;--t-lg:19px;--t-num:26px;--t-h2:clamp(24px,7vw,28px);--t-h1:clamp(32px,9.4vw,38px);--gutter:20px}
  .top .wrap{min-height:60px;gap:var(--s-2)}
  .logo{--wm-size:15px}
  .top .btn--sm{padding:0 var(--s-3);min-height:44px}
  .menu summary{min-height:44px}
  .top > .wrap > .lang{display:none}
  .h-link{display:inline-block;padding-block:var(--s-2)}
  .hero{padding-block:var(--s-8) var(--s-8)}
  .hero h1 .ln{display:inline}
  .hero-sub{margin-top:var(--s-4);font-size:18px}
  .hero-grid{gap:var(--s-6)}
  .hero-side .hero-cta{flex-direction:column}
  .hero-cta .btn,.cta-actions .btn{flex:1 1 100%}
  .belt-wrap{padding-bottom:var(--s-8)}
  .sec{padding-block:var(--s-12)}
  .sec-head{gap:var(--s-3);margin-bottom:var(--s-6)}
  .sec-head .lead{font-size:var(--t-sm)}
  /* sectores: carrusel con imán, una tarjeta por pantalla */
  .mos{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--s-2)}
  .mos > li{aspect-ratio:1/1;border-radius:var(--r)}
  .mos > li:nth-child(1){grid-column:span 2;grid-row:auto;aspect-ratio:2/1}
  .mos > li:nth-child(6){grid-column:auto}
  .mos > li:nth-child(10){grid-column:auto}
  .mos img{filter:none}
  .mos-cap{padding:var(--s-3)}
  .mos-cap h3,.mos > li:nth-child(1) .mos-cap h3{font-size:var(--t-base)}
  .mos-cap p{display:none}
  .mos-cap{transition:opacity .5s}
  /* arreglos: tarjetas apiladas y compactas */
  .prods{gap:var(--s-4)}
  .prod-tabs{position:sticky;top:60px;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:var(--s-4);border:1px solid var(--rule-dark);border-radius:999px;background:var(--espresso)}
  .prod-tabs button{min-height:40px;border:0;border-radius:999px;background:transparent;color:var(--cream-soft);font:600 12.5px/1.1 var(--body);cursor:pointer;transition:background .2s,color .2s}
  .prod-tabs button[aria-selected="true"]{background:var(--cream);color:var(--ink)}
  .prod:not(.is-on){display:none}
  .prod.is-on{animation:paneIn .35s var(--ease-out) both}
  @keyframes paneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .prod-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--s-4)}
  .prod-dots i{width:6px;height:6px;border-radius:50%;background:var(--rule-dark);transition:width .2s}
  .prod-dots i.is-on{background:var(--orange);width:18px;border-radius:3px}
  .prod-swipe{display:block;margin-top:var(--s-2);text-align:center;font-size:var(--t-xs);color:var(--cream-soft)}
  .side{position:fixed;right:12px;bottom:20px;z-index:30;display:flex;flex-direction:column;gap:8px}
  .side a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--espresso);color:var(--cream);text-decoration:none;box-shadow:0 6px 18px rgba(30,20,16,.35)}
  .side a.wa{background:var(--orange);color:var(--ink)}
  .side svg{width:20px;height:20px}
  .prod{padding:var(--s-5)}
  .prod > div:nth-child(2){margin-top:var(--s-4)}
  .prod-buy{padding-top:var(--s-4)}
  .prod-buy::before{margin-bottom:var(--s-4)}
  .prod-buy .num{font-size:28px}
  .prod-buy .per{min-height:0}
  .cases{gap:var(--s-4)}
  .case{padding:var(--s-6)}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps li,.steps li + li{padding:var(--s-4) 0;border-left:0}
  .steps li + li{border-top:1px solid var(--rule)}
  .contact,.steps--4{grid-template-columns:minmax(0,1fr)}
  .contact div,.contact div + div{padding:var(--s-3) 0;border-left:0}
  .contact div + div{border-top:1px solid var(--rule)}
  .cta-wrap{padding-block:var(--s-10)}
  .cta{padding:var(--s-6);border-radius:var(--r-lg)}
  .foot{padding-block:var(--s-10) var(--s-6)}
  .foot-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
  .foot-base{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.belt{overflow-x:auto}.belt-track{animation:none}.belt-track[aria-hidden]{display:none}*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ── diagnóstico ── */
.crumb{font-size:var(--t-sm);color:var(--cream-soft);margin-bottom:var(--s-4)}
.crumb a{color:inherit;text-decoration:none}
.crumb a:hover{color:var(--cream)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--s-12);border:1px solid var(--rule-dark);border-radius:var(--r-lg);overflow:hidden}
.stats div{padding:var(--s-5) var(--s-6);border-left:1px solid var(--rule-dark)}
.stats div:first-child{border-left:0}
.stats dt{font-size:var(--t-h2);line-height:1;color:var(--cream)}
.stats dt small{font:600 var(--t-sm)/1 var(--display);font-stretch:105%;color:var(--cream-soft)}
.stats dd{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--cream-soft)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.tile{padding:var(--s-8);background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg)}
.tile h3{margin-bottom:var(--s-4)}
.tile--muted{background:transparent;border-style:dashed}
.tile--muted h3{color:var(--ink-mute)}
.fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}
.nots li{position:relative;padding-left:20px;font-size:var(--t-sm);color:var(--ink-soft);line-height:1.5}
.nots li + li{margin-top:var(--s-2)}
.nots li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--ink-mute)}
.example{max-width:46em;padding:var(--s-8);border:1px solid var(--rule-dark);border-radius:var(--r-lg);background:var(--espresso-2);line-height:1.6}
.example .kicker{font-size:var(--t-sm);font-weight:600;color:var(--orange);margin-bottom:var(--s-3)}
.example strong{color:var(--cream)}
.example p + p{margin-top:var(--s-4)}
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-5) 0;cursor:pointer;list-style:none;font:700 var(--t-md)/1.3 var(--display);font-stretch:110%}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:600 24px/1 var(--body);color:var(--orange-ink);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 0 var(--s-5);max-width:46em;color:var(--ink-soft);line-height:1.6}
.form-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-10);align-items:start}
.form-card{padding:var(--s-8);background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r-lg)}
.form-card .lead{margin-top:var(--s-2);font-size:var(--t-sm)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin-top:var(--s-6)}
.fld label{display:block;font:600 var(--t-xs)/1.3 var(--body);color:var(--ink-soft);margin-bottom:6px}
.fld .req{color:var(--orange-ink)}
.fld input,.fld select,.fld textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--rule-strong);border-radius:var(--r);background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.4 var(--body)}
.fld textarea{min-height:110px;resize:vertical}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.fld--full{grid-column:1/-1}
.consent{display:flex;gap:var(--s-3);align-items:flex-start;margin-top:var(--s-5);font-size:var(--t-sm);color:var(--ink-soft)}
.consent input{flex:none;width:18px;height:18px;margin-top:3px;accent-color:var(--orange)}
.form-card .btn{width:100%;margin-top:var(--s-5)}
.form-status{margin-top:var(--s-4);min-height:1.5em;font-size:var(--t-sm);font-weight:500;color:var(--ink-soft)}
.form-status.success{color:var(--botella)}
.form-status.error{color:var(--orange-ink)}
.h-sm{font-size:var(--t-lg);margin-bottom:var(--s-4)}
.steps--col{grid-template-columns:minmax(0,1fr)}
.steps--col li{padding:var(--s-5) 0}
.steps--col li + li{padding-left:0;border-left:0;border-top:1px solid var(--rule)}
.wa-card{display:block;margin-top:var(--s-6);padding:var(--s-6);border-radius:var(--r-lg);background:var(--espresso);color:var(--cream);text-decoration:none;transition:background .2s}
.wa-card:hover{background:var(--espresso-2)}
.wa-card strong{display:block;font:800 var(--t-lg)/1.2 var(--display);font-stretch:110%}
.wa-card span{display:block;margin-top:var(--s-1);color:var(--cream-soft);font-size:var(--t-sm)}
.wa-card span:first-of-type{margin-top:var(--s-3);color:var(--cream);font-weight:600;font-size:var(--t-base)}
@media (max-width:980px){
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(3){border-left:0}
  .stats div:nth-child(n+3){border-top:1px solid var(--rule-dark)}
  .tiles,.fit,.form-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .fields{grid-template-columns:minmax(0,1fr)}
  .form-card{padding:var(--s-5)}
  .stats{margin-top:var(--s-8)}
  .stats div{padding:var(--s-4)}
  .stats dt{font-size:26px}
  .faq summary{font-size:var(--t-base)}
}