@font-face{font-family:"Source Serif 4";src:url(../fonts/SourceSerif4.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* Paleta de marca */
  --navy:#0E1A24; --stone:#6B7280; --cold:#A5ADB6; --paper:#F2F4F6; --white:#FFFFFF;
  /* Tono funcional solo para texto pequeño (contraste AA): no forma parte de la paleta */
  --ink-2:#5B626D;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pad:clamp(20px, 5vw, 72px);
  --max:1320px;
  --sec:clamp(96px, 8vw, 120px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--navy);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
svg{display:block;overflow:visible}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.tex{background-color:var(--paper);background-image:radial-gradient(circle at center, rgba(14,26,36,.09) 0 .9px, transparent 1.1px);background-size:12px 12px;background-position:6px 6px}
.lbl{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px, 4.1vw, 58px);line-height:1.04;letter-spacing:-.02em}
.stmt{font-family:var(--serif);font-weight:400;font-size:clamp(20px, 1.7vw, 25px);line-height:1.35;letter-spacing:-.005em}
.num{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--ink-2);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.on-navy :focus-visible{outline-color:var(--paper)}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.01em;text-decoration:none;padding:15px 22px 15px 24px;border:1px solid var(--navy);background:var(--navy);color:var(--paper);transition:background .25s var(--ease),color .25s var(--ease)}
.btn .ar{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover{background:transparent;color:var(--navy)}
.btn:hover .ar{transform:translateX(4px)}
.btn.light{background:var(--paper);border-color:var(--paper);color:var(--navy)}
.btn.light:hover{background:transparent;color:var(--paper)}

/* 01 Header */
.hdr{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.scrolled{border-bottom-color:var(--cold)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.wm{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;color:var(--navy);line-height:1}
.nav-d{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px)}
.nav-d a{font-size:14px;text-decoration:none;color:var(--navy);position:relative;padding-block:6px}
.nav-d a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-d a:hover::after,.nav-d a[aria-current]::after{transform:scaleX(1)}
.hdr .btn{padding:10px 18px;font-size:13.5px;background:transparent;color:var(--navy)}
.hdr .btn:hover{background:var(--navy);color:var(--paper)}
.menu-b{display:none;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--navy);background:none;border:1px solid var(--navy);padding:9px 16px;cursor:pointer}
.menu-p{display:none}
@media (max-width:1080px){
  .nav-d,.hdr .wrap>.btn{display:none}
  .menu-b{display:inline-block}
  .menu-p{position:absolute;left:0;right:0;top:76px;background:var(--paper);border-bottom:1px solid var(--cold);padding:8px var(--pad) 28px}
  .menu-p.open{display:block;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto}
  html:not(.js) .menu-b{display:none}
  html:not(.js) .menu-p{display:block;position:static;border-top:1px solid var(--cold)}
  .menu-p a{display:block;font-family:var(--serif);font-size:26px;line-height:1.2;text-decoration:none;padding:12px 0;border-bottom:1px solid rgba(165,173,182,.6)}
  .menu-p a.btn{display:inline-flex;font-family:var(--sans);font-size:14px;margin-top:24px;border-bottom:1px solid var(--navy);padding:15px 22px}
}

/* 02 Hero */
.hero{position:relative;min-height:min(calc(100svh - 76px),820px);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(72px,10vh,128px) clamp(72px,11vh,136px)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px, 6.4vw, 92px);line-height:.98;letter-spacing:-.026em;margin-top:clamp(28px,4vw,44px)}
.sig{position:relative;height:12px;margin-top:clamp(44px,6vw,72px);margin-right:calc(-1 * var(--pad) - max(0px, (100vw - var(--max)) / 2));display:grid;grid-template-columns:18fr 18fr 24fr 40fr}
.sig span{position:relative}
.sig span::before{content:"";position:absolute;left:0;right:0;top:50%;transform-origin:left;transition:transform 1s var(--ease)}
.sig .s1::before{border-top:2px dotted var(--navy);margin-top:-1px}
.sig .s2::before{height:1px;background:var(--navy);margin-top:-.5px}
.sig .s3::before{height:8px;background:var(--navy);margin-top:-4px}
.sig .s4::before{height:3px;background:var(--stone);margin-top:-1.5px}
.hero-b{margin-top:clamp(40px,5vw,64px)}
.hero-b .stmt{grid-column:7 / span 5;max-width:36ch}
.hero-b .btn{grid-column:7 / span 5;justify-self:start;margin-top:36px}
@media (max-width:900px){
  .hero-b .stmt,.hero-b .btn{grid-column:1 / -1}
}

/* 03 Momentos */
.sec{padding-block:var(--sec)}
.mom-h{grid-column:1 / span 8}
.moms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(56px,6vw,88px);border-top:1px solid var(--navy)}
.mom{padding:22px 22px 8px 0;display:flex;flex-direction:column}
.mom + .mom{padding-left:22px;border-left:1px solid var(--cold)}
.mom svg{width:100%;max-width:210px;height:auto;margin:34px 0 30px}
.mom h3{font-family:var(--serif);font-weight:400;font-size:clamp(23px,1.8vw,26px);line-height:1.15;letter-spacing:-.01em;min-height:3.45em}
.mom p{margin-top:14px;font-size:15px;line-height:1.6;color:var(--navy)}
@media (max-width:1100px){
  .moms{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0}
  .mom:nth-child(4){padding-left:0;border-left:0}
  .mom:nth-child(n+4){border-top:1px solid var(--cold)}
  .mom-h{grid-column:1 / span 10}
}
@media (max-width:720px){
  .mom-h{grid-column:1 / -1}
  .moms{grid-template-columns:1fr}
  .mom,.mom + .mom{padding:26px 0 30px;border-left:0}
  .mom + .mom{border-top:1px solid var(--cold)}
  .mom{display:grid;grid-template-columns:minmax(0,1fr);}
  .mom svg{max-width:300px;margin:18px 0 20px}
  .mom h3{min-height:0}
  .hero{min-height:0;justify-content:flex-start}
}

/* Placeholders fotográficos */
.ph{position:relative;background-color:var(--white);background-image:repeating-linear-gradient(135deg, rgba(165,173,182,.55) 0 1px, transparent 1px 14px);border:1px solid var(--cold);display:grid;place-items:center;overflow:hidden}
.ph-in{background:var(--white);border:1px solid var(--cold);padding:14px 18px;text-align:center;max-width:80%}
.ph-t{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--navy)}
.ph-s{font-size:12px;color:var(--ink-2);margin-top:4px;line-height:1.45}
.ph .dim{position:absolute;font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.ph .dim-w{left:24px;right:24px;bottom:16px;height:9px;border-left:1px solid var(--navy);border-right:1px solid var(--navy)}
.ph .dim-w::before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--navy)}
.ph .dim-w span{position:absolute;left:50%;top:-18px;transform:translateX(-50%);background:var(--white);padding:0 6px}
.ph .dim-h{top:24px;bottom:40px;right:16px;width:9px;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}
.ph .dim-h::before{content:"";position:absolute;top:0;bottom:0;left:4px;border-left:1px solid var(--navy)}
.ph .dim-h span{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:var(--white);padding:2px 4px}

/* 04 Pausa */
.pause{padding-block:0 0}
.pause .ph{aspect-ratio:21/9;max-height:82vh;width:100%;border:0}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pause .ph img{object-position:62% 64%}
.close .ph img{object-position:70% 50%}
.close .ph{border:0}
@media (max-width:720px){.pause .ph{aspect-ratio:4/3}}

/* 05 Diagnóstico */
.diag .h2{font-size:clamp(32px, 3.3vw, 46px);grid-column:1 / span 8;line-height:1.1}
.diag .lead{grid-column:1 / span 6;margin-top:28px;font-size:17px;line-height:1.6;max-width:52ch}
.scale{margin-top:clamp(64px,7vw,104px)}
.scale .m{display:none}
.scale text{font-family:var(--sans)}
.scale .t-s{font-size:13px;fill:var(--ink-2);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.scale .t-n{font-family:var(--serif);font-size:30px;fill:var(--navy);letter-spacing:-.01em}
.diag-close{margin-top:clamp(64px,7vw,104px);padding-top:28px;border-top:1px solid var(--navy);font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.015em;max-width:24ch}
@media (max-width:900px){
  .diag .h2,.diag .lead{grid-column:1 / -1}
  .scale .d{display:none}.scale .m{display:block;max-width:420px}
  .scale .m .t-n{font-size:24px}
  .scale .m .t-s{font-size:12px}
}

/* 06 Evidencia */
.ev-top{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--navy);padding-bottom:18px}
.case1{margin-top:clamp(48px,5vw,72px);row-gap:48px}
.c1-txt{grid-column:1 / span 5}
.c1-viz{grid-column:7 / span 6}
.case-meta{display:block;margin-bottom:18px}
.case-t{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.14;letter-spacing:-.012em}
.case-p{margin-top:20px;font-size:15px;line-height:1.65;max-width:46ch}
.bars{position:relative}
.bar-row + .bar-row{margin-top:30px}
.bar-v{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.bar-v b{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.bar-v span{font-size:13px;color:var(--ink-2)}
.bar-v .tag{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);border:1px solid var(--navy);padding:3px 7px 2px;margin-left:4px;align-self:center}
.bar-row.a b{color:var(--stone)}
.bar{height:16px;transform-origin:left;transition:transform 1.1s var(--ease)}
.bar-row.a .bar{background:var(--cold);width:100%}
.bar-row.b .bar{width:37.63%;border:1.5px solid var(--navy);background:var(--white)}
.cota{position:relative;margin-left:37.63%;margin-top:18px;height:11px;border-left:1px solid var(--navy);border-right:1px solid var(--navy);transition:opacity .6s var(--ease) .9s}
.cota::before{content:"";position:absolute;left:0;right:0;top:5px;border-top:1.5px dashed var(--navy)}
.cota-l{margin-left:37.63%;margin-top:10px;text-align:center;font-size:13px;color:var(--navy)}
.cota-l b{font-weight:600}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;border-top:1px solid var(--navy)}
.fact{padding:18px 20px 0 0}
.fact + .fact{padding-left:20px;border-left:1px solid var(--cold)}
.fact b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.2vw,46px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.fact span{display:block;margin-top:10px;font-size:13.5px;line-height:1.4}
.fact span em{font-style:normal;font-weight:600}
.note{margin-top:22px;font-size:12.5px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.cases23{margin-top:clamp(80px,8vw,120px);border-top:1px solid var(--cold);padding-top:clamp(40px,4vw,56px);row-gap:72px}
.case{grid-column:span 6;display:flex;flex-direction:column}
.case .case-t{font-size:clamp(23px,2vw,28px)}
.case .res{margin-top:22px;padding-left:18px;border-left:3px solid var(--navy);font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.4;max-width:40ch}
.stages{display:grid;margin-top:40px;column-gap:10px}
.stages.s4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stages.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.stages.s5{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px}
.stage{position:relative}
.stage svg{width:100%;height:auto}
.stage .sl{margin-top:12px;font-size:12.5px;line-height:1.4;color:var(--navy);padding-top:10px;border-top:1px solid var(--cold)}
.stage .sl i{font-style:normal;display:block;color:var(--ink-2);font-size:11px;letter-spacing:.06em;margin-bottom:2px}
.schem{margin-top:16px;font-size:12px;color:var(--ink-2);letter-spacing:.02em}
.sect{margin-top:clamp(80px,8vw,120px);padding-top:22px;border-top:1px solid var(--navy);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:12px;align-items:baseline}
.sect .lbl{grid-column:1 / span 4}
.sect p:not(.lbl){grid-column:5 / -1;font-family:var(--serif);font-size:clamp(20px,1.8vw,25px);line-height:1.35}
@media (max-width:980px){
  .c1-txt,.c1-viz{grid-column:1 / -1}
  .case{grid-column:1 / -1}
  .sect .lbl,.sect p:not(.lbl){grid-column:1 / -1}
}
@media (max-width:560px){
  .stages.s4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .stages.s5{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
  .facts{grid-template-columns:1fr}
  .fact + .fact{padding-left:0;border-left:0;border-top:1px solid var(--cold);margin-top:18px}
  .cota-l{margin-left:0;text-align:right}
}

/* 07 Método */
.met .h2{grid-column:1 / span 8}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(64px,7vw,104px)}
.step{display:flex;flex-direction:column;padding-right:28px}
.step h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.5vw,34px);line-height:1.1;letter-spacing:-.012em;margin-bottom:26px}
.step.st4 h3{color:var(--stone)}
.seg{position:relative;height:14px}
.seg::before{content:"";position:absolute;left:0;right:0;top:50%;transform-origin:left;transition:transform .9s var(--ease)}
.st1 .seg::before{border-top:2px dotted var(--navy);margin-top:-1px}
.st2 .seg::before{height:1px;background:var(--navy);margin-top:-.5px}
.st3 .seg::before{height:9px;background:var(--navy);margin-top:-4.5px}
.st4 .seg::before{height:3px;background:var(--stone);margin-top:-1.5px;right:auto;width:100vw}
.st1 .seg::before,.st2 .seg::before,.st3 .seg::before{right:-28px}
.st4 .seg::after{content:"";position:absolute;left:0;top:-12px;height:38px;border-left:1px solid var(--navy)}
.out{margin-top:18px;margin-left:10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.step p{margin-top:26px;font-size:15px;line-height:1.62;max-width:30ch}
.st4 .out + p{margin-top:12px}
.met-close{margin-top:clamp(72px,8vw,112px);padding-top:28px;border-top:1px solid var(--navy);font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.015em;max-width:26ch}
.met{overflow:hidden}
@media (max-width:900px){
  .met .h2{grid-column:1 / -1}
  .steps{grid-template-columns:1fr}
  .step{display:grid;grid-template-columns:30px minmax(0,1fr);padding-right:0;padding-bottom:40px}
  .step h3{grid-column:2;margin-bottom:0;margin-top:-4px}
  .step .seg{grid-column:1;grid-row:1 / span 4;height:auto;width:14px}
  .step .seg::before{left:50%;right:auto;top:0;bottom:-40px;height:auto;width:0;margin:0;transform-origin:top}
  .st1 .seg::before{border-top:0;border-left:2px dotted var(--navy);margin-left:-1px}
  .st2 .seg::before{background:none;border-left:1px solid var(--navy)}
  .st3 .seg::before{background:var(--navy);width:9px;margin-left:-4.5px}
  .st4 .seg::before{background:var(--stone);width:3px;margin-left:-1.5px;bottom:-56px}
  .st4 .seg::after{top:0;left:-6px;height:0;width:26px;border-left:0;border-top:1px solid var(--navy)}
  .step p,.out{grid-column:2}
  .step p{margin-top:12px;max-width:none}
  .out{margin:10px 0 0}
  .st4{padding-bottom:0}
}

/* 08 Por qué ADVAL */
.why .lbl{display:block}
.whys{margin-top:clamp(56px,6vw,88px);row-gap:64px;align-items:start}
.w{grid-column:span 4}
.w:nth-child(2){margin-top:clamp(0px,9vw,136px)}
.w:nth-child(3){margin-top:clamp(0px,18vw,272px)}
.w .num{display:block;padding-top:14px;border-top:1px solid var(--navy);width:48px}
.w h3{margin-top:26px;font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.015em;max-width:14ch}
.w p{margin-top:18px;font-size:16px;line-height:1.55;color:var(--ink-2);max-width:30ch}
@media (max-width:900px){.w{grid-column:1 / -1;margin-top:0!important}}

/* 09 Cierre */
.on-navy{background:var(--navy);color:var(--paper)}
.close{padding-block:var(--sec) clamp(72px,8vw,112px)}
.close .grid{align-items:end;row-gap:56px}
.close .ph{grid-column:1 / span 6;aspect-ratio:4/3;background-color:var(--navy);background-image:repeating-linear-gradient(135deg, rgba(165,173,182,.28) 0 1px, transparent 1px 14px);border-color:rgba(165,173,182,.5)}
.close .ph-in{background:var(--navy);border-color:rgba(165,173,182,.6)}
.close .ph-t{color:var(--paper)}
.close .ph-s,.close .ph .dim{color:var(--cold)}
.close .ph .dim span{background:var(--navy)}
.close .ph .dim-w,.close .ph .dim-h{border-color:var(--cold)}
.close .ph .dim-w::before,.close .ph .dim-h::before{border-color:var(--cold)}
.close-t{grid-column:8 / span 5}
.close-t h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.02em}
.close-t .btn{margin-top:40px}
@media (max-width:900px){
  .close .ph{grid-column:1 / -1;aspect-ratio:4/3}
  .close-t{grid-column:1 / -1}
}

/* 10 Footer */
.ftr{padding-block:40px 44px;border-top:1px solid rgba(165,173,182,.35)}
.ftr .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;align-items:start}
.ftr .wm{color:var(--paper);font-size:19px}
.ftr .f-id{grid-column:1 / span 4}
.ftr .f-id p{margin-top:12px;font-size:13px;color:var(--cold);max-width:26ch;line-height:1.5}
.ftr nav{grid-column:5 / span 5;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.ftr nav a,.ftr .f-leg a{font-size:13.5px;text-decoration:none;color:var(--paper)}
.ftr nav a:hover,.ftr .f-leg a:hover{text-decoration:underline;text-underline-offset:4px}
.ftr .f-id p.f-ct{margin-top:16px;display:flex;flex-direction:column;gap:6px;max-width:none}
.ftr .f-ct a{font-size:13.5px;color:var(--paper);text-decoration:none;width:fit-content}
.ftr .f-ct a:hover{text-decoration:underline;text-underline-offset:4px}
.ftr .f-leg{grid-column:10 / span 3;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ftr .f-leg a{color:var(--cold)}
.ftr .f-c{grid-column:1 / -1;padding-top:22px;border-top:1px solid rgba(165,173,182,.25);font-size:12px;color:var(--cold)}
@media (max-width:900px){
  .ftr .f-id,.ftr nav,.ftr .f-leg{grid-column:1 / -1}
  .ftr .f-leg{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
}

/* Movimiento contenido: solo con JS y sin preferencia de movimiento reducido */
@media (prefers-reduced-motion:no-preference){
  .js [data-r]{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
  .js [data-r].in{opacity:1;transform:none}
  .js .sig span::before{transform:scaleX(0)}
  .js .sig.in span::before{transform:scaleX(1)}
  .js .sig .s2::before{transition-delay:.35s}.js .sig .s3::before{transition-delay:.7s}.js .sig .s4::before{transition-delay:1.05s;transition-duration:1.4s}
  .js .mom .ml,.js .mom .mr{opacity:0;transition:opacity .7s var(--ease)}
  .js .mom .mc{stroke-dashoffset:0;opacity:0;transition:opacity .5s var(--ease) .45s}
  .js .mom .mr{transition-delay:.8s}
  .js .mom.in .ml,.js .mom.in .mr,.js .mom.in .mc{opacity:1}
  .js .bars .bar{transform:scaleX(0)}
  .js .bars .cota,.js .bars .cota-l{opacity:0;transition:opacity .6s var(--ease) 1s}
  .js .bars.in .bar{transform:scaleX(1)}
  .js .bars.in .b .bar{transition-delay:.25s}
  .js .bars.in .cota,.js .bars.in .cota-l{opacity:1}
  .js .steps .seg::before{transform:scaleX(0)}
  .js .steps.in .seg::before{transform:scaleX(1)}
  .js .steps.in .st2 .seg::before{transition-delay:.3s}.js .steps.in .st3 .seg::before{transition-delay:.6s}.js .steps.in .st4 .seg::before{transition-delay:.9s;transition-duration:1.4s}
  @media (max-width:900px){.js .steps .seg::before{transform:scaleY(0)}.js .steps.in .seg::before{transform:scaleY(1)}}
  .js .stage{opacity:0;transition:opacity .7s var(--ease)}
  .js .stages.in .stage{opacity:1}
  .js .stages.in .stage:nth-child(2){transition-delay:.2s}.js .stages.in .stage:nth-child(3){transition-delay:.4s}.js .stages.in .stage:nth-child(4){transition-delay:.6s}
  .js .scale .fr{opacity:0;transition:opacity .8s var(--ease)}
  .js .scale.in .fr{opacity:1}
  .js .scale.in .f1{transition-delay:.25s}.js .scale.in .f2{transition-delay:.5s}.js .scale.in .f3{transition-delay:.75s}
}

/* ---------- Páginas interiores ---------- */
.pg{padding-block:clamp(72px,9vw,128px) clamp(56px,7vw,96px)}
.pg h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5.2vw,72px);line-height:1;letter-spacing:-.024em;max-width:16ch;margin-top:clamp(22px,3vw,36px)}
.pg .lead{margin-top:clamp(24px,3vw,36px);font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.4;max-width:44ch}
.pg .sub{margin-top:18px;font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.25;color:var(--ink-2);max-width:30ch}
.sec-t{padding-block:var(--sec)}
.rule{border-top:1px solid var(--navy)}
.rule-c{border-top:1px solid var(--cold)}

/* Momentos en detalle */
.mdet{border-top:1px solid var(--navy)}
.mrow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;padding-block:clamp(48px,5vw,72px);border-bottom:1px solid var(--cold)}
.mrow:last-child{border-bottom:0}
.mrow .mh{grid-column:1 / span 4}
.mrow .mh svg{width:100%;max-width:240px;height:auto;margin:22px 0 26px}
.mrow .mh h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.012em}
.mrow .mh p{margin-top:14px;font-family:var(--serif);font-size:17px;line-height:1.45;max-width:30ch}
.mrow .mb{grid-column:6 / span 7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px}
.mb h3{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--navy)}
.mb p,.mb li{margin-top:12px;font-size:15px;line-height:1.6}
.mb ul li{padding-left:18px;position:relative;margin-top:8px}
.mb ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--navy)}
@media (max-width:980px){.mrow .mh,.mrow .mb{grid-column:1 / -1}.mrow .mb{grid-template-columns:1fr}.mrow .mh svg{max-width:200px}}

/* Cierre de página con statement */
.stmt-band{padding-block:var(--sec);border-top:1px solid var(--navy)}
.stmt-band h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.018em;max-width:22ch}
.stmt-band p{margin-top:22px;font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.45;max-width:44ch}
.stmt-band .btn{margin-top:40px}
.stmt-band .links{margin-top:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.lnk{font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--navy);padding-bottom:3px}
.lnk:hover{border-bottom-width:2px}

/* Qué hacemos: ámbitos */
.amb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--navy);margin-top:clamp(48px,5vw,72px)}
.am{padding:26px 28px 40px 0;display:flex;flex-direction:column}
.am + .am{padding-left:28px;border-left:1px solid var(--cold)}
.am .num{display:block}
.am h2{margin-top:20px;font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.012em}
.am .in{margin-top:16px;font-family:var(--serif);font-size:17px;line-height:1.45;max-width:30ch}
.am h3{margin-top:34px;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--navy)}
.am ul li{margin-top:10px;font-size:15px;line-height:1.55;padding-left:18px;position:relative}
.am ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border:1.2px solid var(--navy)}
.am .ex{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.am svg{width:100%;max-width:200px;height:auto;margin:22px 0 0}
@media (max-width:980px){.amb{grid-template-columns:1fr}.am,.am + .am{padding:30px 0;border-left:0;border-top:1px solid var(--cold)}.am:first-child{border-top:0}}

/* Experiencia */
.xidx{margin-top:clamp(48px,5vw,72px);border-top:1px solid var(--navy)}
.xidx li{border-bottom:1px solid var(--cold)}
.xidx a{display:grid;grid-template-columns:60px minmax(0,3fr) minmax(0,2fr);column-gap:24px;align-items:baseline;padding:18px 0;text-decoration:none;transition:padding-left .3s var(--ease)}
.xidx a:hover{padding-left:8px}
.xidx .t{font-family:var(--serif);font-size:clamp(18px,1.6vw,22px);line-height:1.25}
.xidx .t small{display:block;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.xidx .e{font-size:13.5px;color:var(--ink-2);line-height:1.45}
.xidx .e i{font-style:normal;display:inline-block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);border:1px solid var(--navy);padding:2px 7px}
@media (max-width:760px){.xidx a{grid-template-columns:44px minmax(0,1fr)}.xidx .e{grid-column:2}}
.xc{padding-block:var(--sec);border-top:1px solid var(--cold)}
.xc.paper{background:var(--paper)}
.xc-meta{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.xc-meta .num{color:var(--navy)}
.xc-meta .res{margin-left:auto;color:var(--navy)}
.xc h2{margin-top:26px;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-.018em;max-width:22ch}
.xc-file{margin-top:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px}
.xc-file p{grid-column:1 / span 7;font-size:16px;line-height:1.62}
.xc-file p + p{grid-column:1 / span 7}
.ev{margin-top:clamp(44px,5vw,64px)}
.ev-h{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--navy);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.ev-h .t{color:var(--navy)}
.ev-cap{margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--ink-2);max-width:70ch}
.ev-cap strong{color:var(--navy);font-weight:600}
.ev2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;margin-top:28px}
.ev2 > .a{grid-column:1 / span 6}.ev2 > .b{grid-column:8 / span 5}
@media (max-width:980px){.xc-file p,.xc-file p + p,.ev2 > .a,.ev2 > .b{grid-column:1 / -1}}
.conc{margin-top:28px}
.conc .bar{height:16px;background:var(--cold);position:relative}
.conc .bar i{position:absolute;left:0;top:0;bottom:0;width:23.7%;background:var(--navy)}
.conc .cota{margin-left:0;width:23.7%;margin-top:16px;height:11px;border-left:1px solid var(--navy);border-right:1px solid var(--navy);position:relative}
.conc .cota::before{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid var(--navy)}
.conc .cl{margin-top:10px;font-size:13px}
.conc .cl b{font-weight:600}
.big{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.big-u{margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.xres{margin-top:clamp(44px,5vw,64px);padding-left:22px;border-left:3px solid var(--navy);max-width:44ch}
.xres .lbl{display:block;margin-bottom:10px}
.xres p{font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);line-height:1.35}
.xback{display:inline-block;margin-top:clamp(40px,4vw,56px);font-size:13px;font-weight:500;text-decoration:none;color:var(--ink-2)}
.xback:hover{color:var(--navy)}
/* ámbitos de trabajo (caso 03) */
.floors{margin-top:28px;display:grid;grid-template-columns:2fr 4fr 3fr;column-gap:24px;row-gap:24px}
.floor h4{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--navy)}
.floor li{margin-top:12px;display:grid;grid-template-columns:28px minmax(0,1fr);font-size:15px;line-height:1.4}
.floor li .num{padding-top:2px}
.floor li small{display:block;font-size:12.5px;color:var(--ink-2);margin-top:2px}
@media (max-width:760px){.floors{grid-template-columns:1fr}}
/* mapa de transformación (caso 04) */
.tmap{margin-top:36px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}
.tmap li{padding-top:22px;position:relative}
.tmap li::before{content:"";position:absolute;left:0;right:-16px;top:0}
.tmap li.d::before{border-top:2px dotted var(--navy)}
.tmap li.f::before{border-top:1px solid var(--navy)}
.tmap li.g::before{border-top:8px solid var(--navy);top:-3.5px}
.tmap li:last-child::before{right:0}
.tmap .num{display:block}
.tmap .st{display:block;margin-top:8px;font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.2}
.tmap ul{margin-top:12px}
.tmap ul li{padding:0;font-size:13.5px;line-height:1.45;color:var(--navy);margin-top:6px}
.tmap ul li::before{display:none}
.tmap .tag{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--navy);padding:2px 7px}
.pmo{margin-top:28px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}
.pmo span{grid-column:2 / -1;padding-top:12px;border-top:3px solid var(--stone);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:980px){.tmap{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.tmap li:nth-child(3)::before{right:0}.pmo span{grid-column:1 / -1}}
@media (max-width:560px){.tmap{grid-template-columns:repeat(2,minmax(0,1fr))}.tmap li:nth-child(3)::before{right:-16px}.tmap li:nth-child(even)::before{right:0}}
/* q4 */
.q4s{margin-top:clamp(44px,5vw,64px);border-top:1px solid var(--navy)}
.q4{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:28px;border-bottom:1px solid var(--cold)}
.q4-r{grid-column:1 / span 3;display:flex;gap:14px;align-items:baseline}
.q4-b{grid-column:5 / span 8;max-width:62ch}
.q4-p{font-family:var(--serif);font-size:clamp(19px,1.6vw,23px);line-height:1.35}
.q4-s{margin-top:12px;font-size:15px;line-height:1.62}
.q4-s1{font-size:16px;line-height:1.62}
.q4-list li{position:relative;padding-left:18px;margin-top:8px;font-size:15px;line-height:1.55}
.q4-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--navy)}
.q4-tag{display:inline-block;margin-bottom:14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--navy);padding:3px 8px}
@media (max-width:760px){.q4-r,.q4-b{grid-column:1 / -1}.q4-b{margin-top:12px}}
/* capas de análisis (caso 05) */
.lens{margin-top:24px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:12px}
.lens li{padding-top:12px;border-top:1px solid var(--navy);font-size:13.5px;line-height:1.35}
.lens .num{display:block;margin-bottom:6px}
@media (max-width:980px){.lens{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}}
@media (max-width:560px){.lens{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dpanel{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;row-gap:28px}
.dcell{padding-top:14px;border-top:3px solid var(--navy)}
.dcell.pot{border-top:3px dotted var(--navy)}
.dcell .lbl{display:block;min-height:2.6em}
.dcell .dv{display:block;margin-top:10px;font-family:var(--serif);font-size:clamp(34px,3.2vw,46px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.dcell .dv small{font-family:var(--sans);font-size:12px;color:var(--ink-2);margin-left:6px;letter-spacing:0}
.dcell .dn{display:block;margin-top:8px;font-size:12.5px;color:var(--ink-2)}
.dcell.pot .tag{display:inline-block;margin-top:10px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--navy);padding:2px 6px}
@media (max-width:980px){.dpanel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.dpanel{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* caso 06 */
.tl{margin-top:36px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px}
.tl li{padding-top:22px;position:relative}
.tl li::before{content:"";position:absolute;left:0;right:-16px;top:0;border-top:1px solid var(--navy)}
.tl li::after{content:"";position:absolute;left:0;top:-5px;width:10px;height:10px;background:var(--navy)}
.tl li:last-child::before{right:0}
.tl .num{display:block}.tl .st{display:block;margin-top:8px;font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.2}
.tl ul li{padding:0;margin-top:6px;font-size:13.5px;line-height:1.45}.tl ul li::before,.tl ul li::after{display:none}
@media (max-width:980px){.tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.tl li:nth-child(3)::before{right:0}}
@media (max-width:560px){.tl{grid-template-columns:repeat(2,minmax(0,1fr))}.tl li:nth-child(3)::before{right:-16px}.tl li:nth-child(even)::before{right:0}}
.kx{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:24px}
.kx div{padding-top:14px;border-top:1px solid var(--navy)}
.kx .kv{display:block;font-family:var(--serif);font-size:clamp(34px,3.4vw,50px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.kx .lbl{display:block;margin-top:10px}
@media (max-width:560px){.kx{grid-template-columns:repeat(2,minmax(0,1fr))}}
.xs{padding-block:clamp(48px,5vw,72px);border-top:1px solid var(--navy)}
.refs{padding-block:var(--sec)}
.refs p{font-family:var(--serif);font-size:clamp(22px,2.2vw,32px);line-height:1.3;max-width:34ch}
.refs .btn{margin-top:40px}

/* Sobre nosotros */
.team{margin-top:clamp(48px,5vw,72px);border-top:1px solid var(--navy);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:40px}
.tm{padding-top:18px;border-top:1px solid var(--cold)}
.tm .num{display:block}
.tm p.lbl{font-size:11px;line-height:1.4;margin-top:10px}
.tm .lnk{display:inline-block;margin-top:16px}
.tm h2{margin-top:14px;font-family:var(--serif);font-weight:400;font-size:clamp(22px,1.9vw,26px);line-height:1.15;letter-spacing:-.01em}
.tm p{margin-top:12px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:980px){.team{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}}
@media (max-width:560px){.team{grid-template-columns:1fr}}

/* Contacto */
.cform{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.cform form{grid-column:1 / span 7}
.cform aside{grid-column:9 / span 4;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.cform aside p + p{margin-top:16px}
.fld{display:block;margin-top:24px}
.fld span{display:block;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.fld input,.fld textarea{width:100%;font:inherit;font-size:16px;color:var(--navy);background:var(--white);border:0;border-bottom:1px solid var(--navy);padding:10px 0;border-radius:0}
.fld textarea{min-height:140px;resize:vertical}
.fld input:focus,.fld textarea:focus{border-bottom-width:2px}
.fld input:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.chk{display:flex;gap:12px;align-items:flex-start;margin-top:28px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.chk input{margin:4px 0 0;width:16px;height:16px;accent-color:var(--navy);flex:none}
.cform .btn{margin-top:32px}
.ok,.err{margin-top:24px;font-family:var(--serif);font-size:20px}
.ok:empty,.err:empty{margin:0}
.req{margin-top:22px;font-size:12px;color:var(--ink-2)}
.basic{margin-top:22px;font-size:12.5px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.basic strong{font-weight:600;color:var(--navy)}
.basic a{color:var(--navy)}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:980px){.cform form,.cform aside{grid-column:1 / -1}}
.legal > *{max-width:39rem}
.legal p{margin-top:18px;font-size:16px;line-height:1.65}
.legal h2{margin-top:clamp(40px,4vw,56px);padding-top:18px;border-top:1px solid var(--navy);font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.01em}
.legal h2 + p,.legal h2 + ul{margin-top:18px}
.legal ul{margin-top:18px}
.legal li{position:relative;padding-left:18px;margin-top:10px;font-size:16px;line-height:1.6}
.legal li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--navy)}
.legal code{font-family:var(--sans);font-size:.92em;background:var(--paper);padding:1px 5px}
.pg .upd{margin-top:18px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.legal .lnk,.basic .lnk,.chk .lnk{font-size:inherit}

/* Solo vista previa (sin servidor de envío) */
.demo-note{margin-top:24px;padding:12px 14px;border:1px solid var(--navy);background:var(--paper);font-size:13.5px;line-height:1.5;color:var(--navy)}

/* ── Portada con arquitectura detrás ───────────────────────────────────────
   Foto de arquitectura (generada con IA) desenfocada; velo del color papel que se desvanece hacia la izquierda (escritorio)
   o uniforme (móvil). --kd / --km = fuerza del velo, ajustada midiendo el contraste sobre los píxeles reales. */
.hx{--kd:.05;--km:.7;--k:var(--kd);position:relative;isolation:isolate;overflow:hidden;background:var(--paper);min-height:clamp(560px,80vh,760px);display:flex;align-items:center;padding-block:clamp(72px,10vh,120px)}
.hx>.wrap{position:relative;z-index:1;width:100%}
.hx-bg{position:absolute;inset:0;z-index:-1}
.hx-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.03)}
.hx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgb(242 244 246/min(1,calc(var(--k)*.92))) 0%,rgb(242 244 246/min(1,calc(var(--k)*.9))) 47%,rgb(242 244 246/min(1,calc(var(--k)*.35))) 64%,rgb(242 244 246/min(1,calc(var(--k)*.08))) 82%,rgb(242 244 246/0) 100%)}
.hx-text{margin-left:auto;max-width:640px}
.hx h1{margin-top:clamp(20px,2.4vw,28px);font-family:var(--serif);font-weight:400;font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.026em}
.hx .stmt{margin-top:30px;max-width:36ch}
.hx .btn{margin-top:28px}
.hx .sig{margin-top:clamp(32px,3.6vw,48px)}
@media (max-width:900px){
  .hx{--k:var(--km);min-height:0;padding-block:64px 72px}
  .hx-text{margin-left:0;max-width:none}
  .hx-bg{--pos:12% 50%}
  .hx-bg::after{background:rgb(242 244 246/min(1,calc(var(--k)*.9)))}
}

/* ── Revisión de octubre ─────────────────────────────────────────────
   Cabeceras de sección más legibles, los tres casos de la home con la misma estructura, escalera de «Por qué ADVAL» más suave
   y menos aire muerto en escritorio (las medidas de texto pensadas para móvil dejaban media pantalla vacía). */
.ev-top .lbl,.why .lbl{font-size:14px}
.ev-top .num{font-size:13px}
.case-n{margin-top:clamp(56px,6vw,88px);padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--cold)}
.case-n .res{margin-top:22px;padding-left:18px;border-left:3px solid var(--navy);font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.4;max-width:40ch}
.case-n .stages{margin-top:0}
.more{margin-top:clamp(40px,4vw,56px)}
.w:nth-child(2){margin-top:clamp(0px,4vw,64px)}
.w:nth-child(3){margin-top:clamp(0px,8vw,128px)}
@media (min-width:1100px){
  .pg h1{max-width:22ch}
  .pg .lead{max-width:56ch}
  .stmt-band>.wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .stmt-band h2{grid-column:1 / span 7;grid-row:1 / span 2}
  .stmt-band p{grid-column:9 / span 4;grid-row:1;margin-top:8px}
  .stmt-band .btn,.stmt-band .links{grid-column:9 / span 4;grid-row:2;justify-self:start;margin-top:32px}
  .stmt-band h2 + .btn{grid-row:1;margin-top:8px}
}

/* La etiqueta dentro del h1 conserva su aspecto de etiqueta */
.hx h1 .h1-lbl{display:block;margin-bottom:clamp(20px,2.4vw,28px);font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.09em;font-family:var(--sans);text-transform:uppercase}
.hx h1{margin-top:0}

/* Aviso de cookies: los tres botones tienen el mismo peso visual */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:560px;margin-left:auto;background:var(--white);border:1px solid var(--navy);padding:22px 24px;box-shadow:0 8px 32px rgba(14,26,36,.18)}
.ck-p{margin-top:8px;font-size:14px;line-height:1.55}
.ck-cfg{margin-top:14px;display:grid;gap:10px}
.ck-cfg[hidden]{display:none}
.ck-f{display:flex;gap:10px;font-size:13.5px;line-height:1.45;align-items:flex-start}
.ck-f input{margin-top:3px}
.ck-b{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.ck-btn{flex:1 1 130px;justify-content:center;background:transparent;color:var(--navy);padding:12px 14px;cursor:pointer}
.ck-btn:hover{background:var(--navy);color:var(--paper)}
.ck-tab{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:16px;display:block;overflow-x:auto}
.ck-tab th,.ck-tab td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-bottom:1px solid var(--cold)}
.ck-tab th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}

/* ── Páginas de servicio ───────────────────────────────────────────── */
.svc + .svc{border-top:1px solid var(--cold)}
.svc.tex + .svc,.svc + .svc.tex{border-top:0}
.pg .lbl a{color:inherit;text-decoration:none;border-bottom:1px solid var(--cold)}
.svc-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px}
.svc-row .svc-h{grid-column:1 / span 5}
.svc-row .svc-b{grid-column:7 / -1}
.svc-h{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.015em;max-width:20ch}
.svc-b > p{font-size:17px;line-height:1.6}
.svc-list{margin-top:18px;border-top:1px solid var(--navy)}
.svc-list li{padding:14px 0 14px 26px;border-bottom:1px solid var(--cold);position:relative;font-size:16px;line-height:1.5}
.svc-list li::before{content:"";position:absolute;left:0;top:21px;width:10px;height:10px;background:var(--navy)}
.svc-end{margin-top:22px;font-family:var(--serif);font-size:clamp(18px,1.5vw,21px);line-height:1.4}
.svc-cols{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--navy)}
.svc-cols.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-cols.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
.svc-c{padding:22px 22px 0 0}
.svc-c + .svc-c{padding-left:22px;border-left:1px solid var(--cold)}
.svc-c h3{font-family:var(--serif);font-weight:400;font-size:clamp(21px,1.7vw,24px);line-height:1.2}
.svc-c p{margin-top:12px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.svc-note{margin-top:32px;font-size:15px;line-height:1.6;max-width:72ch}
.svc-steps{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}
.svc-steps li{border-top:1px solid var(--navy);padding-top:16px}
.svc-steps h3{margin-top:10px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,30px)}
.svc-steps p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.svc-more{margin-top:32px}
.svc-case{margin-top:clamp(32px,3.5vw,48px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:14px;align-items:start}
.svc-case + .svc-case{padding-top:clamp(32px,3.5vw,48px);border-top:1px solid var(--cold)}
.svc-case .lbl{grid-column:1 / span 5}
.svc-case h3{grid-column:1 / span 5;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,32px);line-height:1.15}
.svc-case .res{grid-column:7 / -1;grid-row:1 / span 2;padding-left:18px;border-left:3px solid var(--navy);font-family:var(--serif);font-size:clamp(17px,1.4vw,20px);line-height:1.45}
.svc-case .lnk{grid-column:7 / -1;justify-self:start}
.faq details{border-bottom:1px solid var(--cold)}
.faq details:first-child{border-top:1px solid var(--navy)}
.faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq summary h3{font-family:var(--serif);font-weight:400;font-size:clamp(18px,1.5vw,21px);line-height:1.35}
.faq details p{padding:0 0 20px;font-size:16px;line-height:1.6;max-width:62ch}
.svc-links{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--navy)}
.svc-links a{display:block;padding:22px 22px 24px 0;text-decoration:none;color:var(--navy)}
.svc-links a + a{padding-left:22px;border-left:1px solid var(--cold)}
.svc-links b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(22px,1.9vw,26px);line-height:1.2}
.svc-links span{display:block;margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.svc-links i{display:inline-block;margin-top:14px;font-style:normal;font-size:14px;font-weight:500;border-bottom:1px solid var(--navy)}
@media (max-width:980px){
  .svc-row .svc-h,.svc-row .svc-b,.svc-case .lbl,.svc-case h3,.svc-case .res,.svc-case .lnk{grid-column:1 / -1;grid-row:auto}
  .svc-cols,.svc-cols.n3,.svc-cols.n5,.svc-steps,.svc-links{grid-template-columns:1fr}
  .svc-c,.svc-c + .svc-c,.svc-links a,.svc-links a + a{padding:20px 0;border-left:0;border-top:1px solid var(--cold)}
  .svc-c:first-child,.svc-links a:first-child{border-top:0}
  .svc-steps{row-gap:24px}
}
.ev-top + .svc-links{border-top:0;margin-top:clamp(8px,1vw,16px)}
.ck-t{font-weight:600}.ck-estado{margin-top:10px;font-size:13.5px;color:var(--ink-2)}

/* Móvil: la portada usa un recorte propio, ya encuadrado */
@media (max-width:600px){.hx-bg{--pos:50% 50%}}

/* Correcciones 9-nov: etiqueta de portada legible sobre la imagen en móvil; tabla de cookies en fichas en móvil */
@media (max-width:900px){.hx .h1-lbl{color:var(--navy)}}
@media (max-width:600px){
  .ck-tab,.ck-tab tbody,.ck-tab tr,.ck-tab td{display:block;width:auto}
  .ck-tab{overflow:visible}
  .ck-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .ck-tab tr{padding:14px 0;border-bottom:1px solid var(--cold)}
  .ck-tab td{border:0;padding:3px 0}
  .ck-tab td::before{content:attr(data-label);display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
  .ck-tab td:first-child{font-weight:500}
}
.pg .intro{margin-top:18px;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:62ch}