/* ════════════════════════════════════════════════════════════════
   SISTEMA DE DISEÑO v4
   Minimalismo abstracto y cálido. Un solo acento (teal), radios
   suaves, profundidad por tinte de superficie + aura difusa.
   ════════════════════════════════════════════════════════════════ */

:root{
  --bg:#FAFAF8; --bg-2:#F1F2EE; --ink:#16181A; --ink-2:#1E2124;
  --muted:#7A7E82; --accent:#0BAC8E; --accent-soft:rgba(11,172,142,.1);
  --line:#E5E6E1; --line-d:rgba(250,250,248,.1);
  --display:"Sora",sans-serif; --body:"Manrope",sans-serif;
  --max:1140px; --r:24px;
  --ease-out-expo:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--body);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:28px}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.02em}
h1{font-weight:700}h2{font-weight:600}h3{font-weight:600;letter-spacing:-.01em}
.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.lead{color:var(--muted);font-size:17px;max-width:58ch}
section{padding-block:96px}
section.air{padding-block:140px}

.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;padding:15px 30px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:background-color 200ms ease-out,color 200ms ease-out,border-color 200ms ease-out,transform 120ms ease-out}
.btn:active{transform:scale(.98)}
.btn-solid{background:var(--ink);color:var(--bg)}
.btn-solid:hover{background:#2A2D31}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:#0CA391}
.btn-ghost{border-color:rgba(250,250,248,.25);color:var(--bg)}
.btn-ghost:hover{border-color:rgba(250,250,248,.7)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}

/* ── NAV ────────────────────────────────────────────── */
nav{position:fixed;inset:0 0 auto;z-index:100;background:rgba(250,250,248,.75);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid transparent;transition:border-color 250ms ease-out}
nav.scrolled{border-bottom-color:var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center}
.brand img{display:block}
.nav-links{display:flex;gap:4px;font-size:14px;font-weight:500}
.nav-links a{color:var(--muted);padding:8px 15px;border-radius:999px;transition:color 150ms ease-out,background-color 150ms ease-out}
.nav-links a:hover{color:var(--ink)}
.nav-links a.active{color:var(--ink);background:var(--bg-2)}
.nav-cta{font-size:14px;padding:10px 22px}
.menu-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;color:var(--ink)}
@media(max-width:980px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:block}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:rgba(250,250,248,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:14px 28px 24px;gap:2px}
  .nav-links.open a{padding:14px 12px;font-size:16px}
}

/* ── RED DE FONDO (nodos y conexiones, solo hero y CTA final) ── */
.net-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

/* ── AURA (elemento abstracto único) ────────────────── */
.aura{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;background:radial-gradient(circle,rgba(11,172,142,.35),rgba(11,172,142,0) 70%);will-change:transform,opacity}
@keyframes drift{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}
.aura.anim{animation:drift 9s ease-in-out infinite}

/* ── HERO ───────────────────────────────────────────── */
.hero{background:var(--ink);color:var(--bg);padding:190px 0 130px;position:relative;overflow:hidden}
.hero .aura{width:640px;height:640px;right:-160px;top:-120px}
.hero .wrap{position:relative;z-index:1}
.hero .hero-tag{opacity:0;transform:translateY(14px);transition:opacity 650ms ease-out,transform 650ms ease-out}
.hero.on .hero-tag{opacity:1;transform:none}
.hero h1{font-size:clamp(40px,6.6vw,80px);max-width:17ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero h1 .l{display:block;overflow:hidden}
.hero h1 .l>span{display:inline-block;transform:translateY(112%);transition:transform 750ms var(--ease-out-expo)}
.hero.on h1 .l>span{transform:none}
.hero h1 .l:nth-child(2)>span{transition-delay:90ms}
.hero h1 .l:nth-child(3)>span{transition-delay:180ms}
.hero .sub{margin:34px 0 16px;font-size:18px;line-height:1.7;color:#A8ACAF;max-width:54ch;opacity:0;transform:translateY(14px);transition:opacity 650ms ease-out 340ms,transform 650ms ease-out 340ms}
.hero.on .sub{opacity:1;transform:none}
.hero .note{margin:0 0 44px;font-size:16px;line-height:1.7;color:#7D8184;max-width:54ch;opacity:0;transform:translateY(14px);transition:opacity 650ms ease-out 420ms,transform 650ms ease-out 420ms}
.hero.on .note{opacity:1;transform:none}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;opacity:0;transition:opacity 650ms ease-out 480ms}
.hero.on .hero-ctas{opacity:1}

/* ── DOLORES (storytelling) ─────────────────────────── */
.dolores h2{font-size:clamp(28px,4.2vw,44px);max-width:26ch;margin-bottom:14px}
.dolores .lead{margin-bottom:8px}

.pcloud{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;max-width:960px;margin:56px auto 0;padding:36px 0}
.ptag{--rot:0deg;font-family:var(--display);letter-spacing:-.01em;text-align:center;will-change:transform,color;
  animation-name:pfloat,pcolor;
  animation-timing-function:ease-in-out,ease-in-out;
  animation-iteration-count:infinite,infinite;
  animation-duration:8.5s,7s;
  animation-delay:0s,0s;
}
.ptag-lg{font-size:23px;font-weight:600}
.ptag-md{font-size:16.5px;font-weight:500;opacity:.68}
.ptag-sm{font-size:14px;font-weight:500;opacity:.45}
@keyframes pfloat{0%,100%{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-9px) rotate(var(--rot))}}
@keyframes pcolor{0%,100%{color:var(--muted)}33%{color:var(--accent)}66%{color:var(--ink)}}
.ptag:nth-child(2n){--rot:-2deg;animation-duration:10.5s,9s;animation-delay:-1.6s,-2s}
.ptag:nth-child(3n){--rot:2deg;animation-duration:7.2s,11s;animation-delay:-3.4s,-1s}
.ptag:nth-child(4n){--rot:-1.5deg;animation-duration:12s,6.5s;animation-delay:-.7s,-3s}
.ptag:nth-child(5n){--rot:1.5deg;animation-duration:6.4s,10s;animation-delay:-2.3s,-4s}
.ptag:nth-child(6n){--rot:0deg;animation-duration:9s,8s;animation-delay:-4.1s,-1.5s}
.ptag:nth-child(7n){--rot:2.5deg;animation-duration:11s,9.5s;animation-delay:-2.8s,-2.6s}

.dfoot{margin-top:16px;max-width:62ch}
.dfoot p{font-size:19px;line-height:1.6;font-weight:500}
.dfoot p em{font-style:normal;color:var(--accent)}
@media(min-width:641px){.dolores .dfoot{max-width:600px;margin-inline:auto;text-align:center}}
@media(max-width:640px){.ptag{max-width:78vw}.pcloud{margin-top:36px;padding:20px 0;gap:8px 16px}.ptag-lg{font-size:19px}.ptag-md{font-size:15px}}

/* ── PROMESA ────────────────────────────────────────── */
.promesa{background:var(--bg-2)}
.promesa h2{font-size:clamp(28px,4.2vw,44px);max-width:24ch;margin-bottom:64px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcard{background:var(--bg);border-radius:var(--r);padding:38px 32px}
.tcard .ic{width:44px;height:44px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.tcard .ic svg{stroke:var(--accent)}
.tcard h3{font-size:19px;margin-bottom:10px}
.tcard p{font-size:14.5px;color:var(--muted)}
@media(max-width:880px){.tri{grid-template-columns:1fr}}

/* ── MODELOS (comparativa "así vs. así trabajamos" + 2 caminos discretos) ─ */
.modelos h2{font-size:clamp(28px,4.2vw,44px);margin-bottom:14px}
.modelos .lead{margin-bottom:64px}

.compare{background:var(--ink-2);color:var(--bg);border-radius:var(--r);padding:44px 44px 36px}
.compare-heads{display:grid;grid-template-columns:1fr 56px 1.2fr;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line-d);align-items:center}
.chead{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.chead-old{color:#7D8184}
.chead-new{color:var(--accent);grid-column:3}

.crow{position:relative;display:grid;grid-template-columns:1fr 56px 1.2fr;gap:24px;padding:22px 44px 22px 0;align-items:center;cursor:pointer;transition:background-color 220ms ease-out}
.crow + .crow{border-top:1px solid var(--line-d)}
.crow:hover{background:rgba(11,172,142,.04)}
.crow:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.cold{color:#7A7E82;font-family:var(--display);font-weight:500;font-size:16px;letter-spacing:-.01em}
.cold .ctxt{text-decoration-line:line-through;text-decoration-color:transparent;text-decoration-thickness:1px;transition:text-decoration-color 480ms var(--ease-out-expo)}
.crow.played .cold .ctxt{text-decoration-color:rgba(122,126,130,.65)}
.carrow{color:var(--accent);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-8px);transition:opacity 350ms ease-out,transform 350ms var(--ease-out-expo)}
.carrow svg{width:22px;height:22px;overflow:visible}
.crow.played .carrow{opacity:.6;transform:translateX(0);transition-delay:480ms}
.crow:hover .carrow{opacity:1;transform:translateX(4px)}
.cnew{color:var(--bg);font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.35;opacity:0;transform:translateX(10px);transition:opacity 400ms ease-out,transform 400ms var(--ease-out-expo)}
.crow.played .cnew{opacity:1;transform:translateX(0);transition-delay:580ms}
.clbl{display:none}

.cexp{position:absolute;top:20px;right:0;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);border:1.5px solid rgba(11,172,142,.4);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;line-height:1;color:var(--accent);opacity:0;transform:scale(.8);transition:opacity 300ms ease-out,transform 250ms var(--ease-out-expo),background-color 200ms ease-out,border-color 200ms ease-out}
.crow.played .cexp{opacity:1;transform:scale(1);transition-delay:650ms}
.crow:hover .cexp{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}
.crow.expanded .cexp{transform:rotate(45deg)}
.crow.expanded:hover .cexp{transform:rotate(45deg) scale(1.1)}

.cdetail{grid-column:3;grid-row:2;max-height:0;opacity:0;overflow:hidden;transition:max-height 420ms var(--ease-out-expo),opacity 280ms ease-out,margin-top 300ms ease-out}
.crow.expanded .cdetail{max-height:220px;opacity:1;margin-top:14px}
.cdetail p{font-size:14px;color:#A6A9AC;font-weight:400;line-height:1.65;max-width:44ch}

.compare-cta{margin-top:32px;padding-top:28px;border-top:1px solid var(--line-d);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.compare-cta p{font-family:var(--display);font-weight:600;font-size:17px;color:var(--bg);max-width:36ch;margin:0}

.msec-lite{margin-top:44px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:56px}
.mlite-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}
.mlite p{font-size:14.5px;color:var(--muted)}

@media(max-width:760px){
  .compare{padding:32px 22px 28px}
  .compare-heads{display:none}
  .crow{grid-template-columns:1fr;gap:2px;padding:20px 40px 20px 0}
  .clbl{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
  .clbl-old{color:#7A7E82}
  .clbl-new{color:var(--accent);margin-top:14px}
  .cold{font-size:15px}
  .carrow{display:none}
  .cnew{font-size:17px}
  .cdetail{grid-column:1;grid-row:auto}
  .compare-cta{flex-direction:column;align-items:stretch}
  .msec-lite{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:28px}
}

/* ── SOLUCIONES ─────────────────────────────────────── */
.soluciones{background:var(--ink);color:var(--bg)}
.soluciones h2{font-size:clamp(28px,4.2vw,44px);max-width:24ch;margin-bottom:14px}
.soluciones .lead{color:#8B8F93;margin-bottom:64px}
.scarousel{position:relative;margin-top:12px}
.strack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;margin:0 -2px}
.strack::-webkit-scrollbar{display:none}
.scard{background:var(--ink-2);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;transition:background-color 220ms ease-out,transform 250ms ease-out}
.scard:hover{background:#24282C;transform:translateY(-4px)}
.scard .k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.scard h3{font-size:18px}
.scard p{font-size:13.5px;color:#8B8F93;flex:1}
.scard .meta{font-size:12.5px;font-weight:500;color:#8B8F93;border-top:1px solid var(--line-d);padding-top:14px;line-height:1.6}
.scard .meta span{font-weight:700;color:#C9CCCE}

.sctrls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:32px}
.sarrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-d);background:transparent;color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background-color 180ms ease-out,border-color 180ms ease-out}
.sarrow:hover:not(:disabled){background:var(--ink-2);border-color:rgba(250,250,248,.3)}
.sarrow:disabled{opacity:.3;cursor:default}
.sdots{display:flex;gap:9px}
.sdot{width:7px;height:7px;border-radius:50%;background:var(--line-d);border:none;padding:0;cursor:pointer;transition:background-color 200ms ease-out,transform 200ms ease-out}
.sdot.active{background:var(--accent);transform:scale(1.3)}
@media(max-width:940px){.scard{flex:0 0 calc((100% - 16px) / 2)}}
@media(max-width:640px){.scard{flex:0 0 100%}}

/* ── MÉTODO (timeline vertical, unificado desktop/mobile) ─ */
.metodo h2{font-size:clamp(28px,4.2vw,44px);margin-bottom:64px;max-width:24ch}
.timeline{list-style:none;max-width:640px}
.tstep{position:relative;padding:24px 0 32px 72px}
.tstep:last-child{padding-bottom:0}
.tstep:not(:last-child)::after{content:"";position:absolute;left:21px;top:72px;bottom:0;width:0;border-left:2px dashed var(--line)}
.tstep-key:not(:last-child)::after{border-left-color:var(--accent-soft)}
.tnode{position:absolute;left:0;top:20px;width:44px;height:44px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:14px;color:var(--muted);transition:border-color 200ms ease-out,background-color 200ms ease-out,color 200ms ease-out}
.tstep-key .tnode{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.tkicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px;margin-top:6px}
.tstep-key .tkicker{color:var(--accent)}
.tbody h3{font-size:22px;margin-bottom:12px;letter-spacing:-.01em}
.tstep-key .tbody h3{color:var(--accent)}
.tbody p{font-size:14.5px;color:var(--muted);line-height:1.6}

@media(max-width:640px){
  .tstep{padding:20px 0 24px 64px}
  .tstep:not(:last-child)::after{left:21px;top:66px}
  .tnode{top:18px}
  .tbody h3{font-size:20px}
}

/* ── FAQ ────────────────────────────────────────────── */
.faq{background:var(--bg-2)}
.faq h2{font-size:clamp(28px,4.2vw,44px);margin-bottom:56px;max-width:24ch}
.qa{border-bottom:1px solid var(--line)}
.qa:first-of-type{border-top:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;padding:26px 4px;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color 150ms ease-out}
.qa summary:hover{color:var(--accent)}
.qa summary::-webkit-details-marker{display:none}
.qa .chev{flex:none;font-weight:400;font-size:22px;color:var(--accent);transition:transform 250ms ease-out}
.qa[open] .chev{transform:rotate(45deg)}
.qa .a{padding:0 4px 28px;font-size:15px;color:var(--muted);max-width:70ch}

/* ── CTA FINAL ──────────────────────────────────────── */
.cta-final{background:var(--ink);color:var(--bg);position:relative;overflow:hidden}
.cta-final .aura{width:560px;height:560px;left:-180px;bottom:-260px}
.cta-final .inner{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;z-index:1}
.cta-final h2{font-size:clamp(30px,4.6vw,54px)}
.cta-final p{margin:22px 0 0;color:#8B8F93;max-width:50ch}
.diag{background:var(--ink-2);border-radius:var(--r);padding:38px 34px}
.diag .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:20px}
.diag ul{list-style:none;margin-bottom:30px}
.diag li{padding:13px 0;border-bottom:1px solid var(--line-d);font-size:14.5px;color:#C9CCCE}
@media(max-width:820px){.cta-final .inner{grid-template-columns:1fr}}

/* ── CONTACTO ───────────────────────────────────────── */
.contacto-hero{background:var(--ink);color:var(--bg);padding:170px 0 90px;position:relative;overflow:hidden}
.contacto-hero .aura{width:520px;height:520px;right:-160px;top:-140px}
.contacto-hero .wrap{position:relative;z-index:1;max-width:760px}
.contacto-hero h1{font-size:clamp(32px,5vw,52px);max-width:20ch}
.contacto-hero p{margin-top:22px;font-size:17px;color:#A8ACAF;max-width:52ch}
.contacto-form{padding:80px 0 140px}
.form-card{max-width:640px;margin:0 auto;background:var(--bg-2);border-radius:var(--r);padding:48px 44px}
.field{margin-bottom:24px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.field input,.field textarea{width:100%;font-family:var(--body);font-size:15px;color:var(--ink);background:var(--bg);border:1px solid transparent;border-radius:14px;padding:14px 16px;transition:border-color 150ms ease-out,background-color 150ms ease-out}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-note{font-size:13px;color:var(--muted);margin-top:18px}
@media(max-width:620px){.form-row{grid-template-columns:1fr}}
@media(max-width:560px){.form-card{padding:36px 26px}}

/* ── FOOTER ─────────────────────────────────────────── */
footer{background:var(--ink);color:#6F7377;font-size:13px;border-top:1px solid var(--line-d)}
.footx{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;padding:56px 0 36px}
.footx-brand .fmark{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--bg)}
.footx-brand .fmark i{font-style:normal;color:var(--accent)}
.footx-brand p{margin-top:10px;font-size:13.5px;color:#7A7E82;max-width:32ch}
.footx-contact{display:flex;align-items:center;gap:28px}
.ficon{display:flex;align-items:center;gap:9px;color:#9CA0A3;font-size:13.5px;font-weight:500;transition:color 150ms ease-out}
.ficon svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:2;transition:stroke 150ms ease-out}
.ficon:hover{color:var(--accent)}
.footx-bottom{border-top:1px solid var(--line-d);padding-block:20px;font-size:12.5px;color:#6F7377}
@media(max-width:640px){
  .footx{flex-direction:column;align-items:flex-start;gap:24px;padding:44px 0 28px}
  .footx-contact{flex-direction:column;align-items:flex-start;gap:14px}
}

/* ── REVEALS ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(32px);transition:opacity 700ms var(--ease-out-expo),transform 700ms var(--ease-out-expo)}
.reveal.in{opacity:1;transform:none}
.stagger>*{opacity:0;transform:translateY(32px);transition:opacity 650ms var(--ease-out-expo),transform 650ms var(--ease-out-expo)}
.stagger.in>*{opacity:1;transform:none}
.stagger.in>*:nth-child(2){transition-delay:90ms}
.stagger.in>*:nth-child(3){transition-delay:180ms}
.stagger.in>*:nth-child(4){transition-delay:270ms}
.stagger.in>*:nth-child(5){transition-delay:360ms}
.stagger.in>*:nth-child(6){transition-delay:450ms}
/* ── MOBILE ─────────────────────────────────────────── */
@media(max-width:640px){
  .wrap{padding-inline:20px}
  section{padding-block:72px}
  section.air{padding-block:96px}
  .hero{padding:140px 0 88px}
  .hero .aura{width:440px;height:440px;right:-180px;top:-140px}
  .hero h1{font-size:clamp(34px,10vw,44px)}
  .hero .sub{margin:26px 0 34px;font-size:16px}
  .hero-ctas .btn{width:100%}
  .promesa h2,.modelos h2,.soluciones h2,.metodo h2,.faq h2{margin-bottom:44px}
  .dolores h2{margin-bottom:14px}
  .modelos .lead{margin-bottom:0}
  .flow-main{margin-top:44px!important}
  .tcard{padding:30px 24px}
  .dfoot{margin-top:12px}
  .dfoot p{font-size:17px}
  .scard{padding:26px 22px}
  .fase{padding:28px 24px}
  .metodo h2{margin-bottom:48px}
  .qa summary{font-size:16px;padding:22px 2px}
  .cta-final .inner{gap:40px}
  .diag{padding:30px 24px}
  .foot{flex-direction:column;align-items:flex-start;gap:14px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal,.stagger>*,.hero h1 .l>span,.hero .sub,.hero .note,.hero-ctas,.hero .hero-tag{opacity:1!important;transform:none!important;transition:none!important}
  .aura.anim{animation:none}
  .btn,.scard,.tnode{transition:none}
  .ptag{animation:none;color:var(--muted);transform:none}
  .ptag-lg{color:var(--ink)}
  .cold .ctxt,.carrow,.cnew,.cexp,.cdetail{transition:none!important}
  .crow.played .cold .ctxt{text-decoration-color:rgba(122,126,130,.65)}
  .crow.played .carrow{opacity:.6;transform:none}
  .crow.played .cnew{opacity:1;transform:none}
  .crow.played .cexp{opacity:1;transform:scale(1)}
  .crow.expanded .cdetail{max-height:220px;opacity:1;margin-top:14px}
}