/* =============================================================================
   LGA Global · tokens.css — v3 «Corredor»
   Agente de compras y logística internacional: tipografía sobria, datos a la vista, fotos de operación.
   Proporción: 58 marfil · 30 tinta · 6 rojo · 5 porcelana · 1 oro.
   ========================================================================== */
:root{
  --ink:#151515;--red:#C73336;--gold:#C9A24E;--porcelain:#667A85;--ivory:#F8F1E5;
  --paper:#FDF9F0;--ivory-2:#EFE6D6;--ink-2:#1F1E1C;--ink-3:#2C2A27;--mist:#DDE3E5;--red-deep:#A8282B;--deep:#3C4B54;
  --tx:#201F1D;--tx-soft:#4C4842;--tx-inv:#F8F1E5;--tx-inv-soft:#C9C2B4;
  --line:rgba(21,21,21,.13);--line-inv:rgba(248,241,229,.16);
  --font-display:'IBM Plex Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  --font-body:'IBM Plex Sans','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--ease-expo:cubic-bezier(.16,1,.3,1);
  --maxw:1320px;--gut:clamp(20px,4vw,56px);--sec:clamp(84px,10vw,168px);
  --r-s:10px;--r:14px;--r-l:20px;--radius:14px;--hdr:88px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 24px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
body{margin:0;background:var(--ivory);color:var(--tx);font:400 18px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
html[lang=zh]{--font-display:'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
a,button,input,label,summary{touch-action:manipulation;-webkit-tap-highlight-color:rgba(199,51,54,.16)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.dark :focus-visible{outline-color:var(--gold)}
::selection{background:var(--red);color:#fff}
.skip{position:fixed;left:16px;top:-80px;z-index:120;background:var(--ink);color:var(--ivory);padding:10px 18px;border-radius:999px;transition:top .16s var(--ease)}
.skip:focus{top:12px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut);width:100%}
.sec{padding-block:var(--sec)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dark{color:var(--tx-inv)}

/* tipografía ---------------------------------------------------------------- */
.d1,.d2,.d3{font-family:var(--font-display);font-weight:600;margin:0;color:var(--ink);text-wrap:balance}
.d1{font-size:clamp(34px,4.9vw,74px);line-height:1.08;letter-spacing:-.022em}
.d2{font-size:clamp(27px,3.2vw,48px);line-height:1.14;letter-spacing:-.018em}
.d3{font-size:clamp(20px,1.7vw,26px);line-height:1.24;letter-spacing:-.01em;font-weight:600}
.dark .d1,.dark .d2,.dark .d3{color:inherit}
html[lang=zh] .d1,html[lang=zh] .d2,html[lang=zh] .d3{font-weight:700;letter-spacing:.01em}
html[lang=zh] .d1{font-size:clamp(34px,4.9vw,72px);line-height:1.2}
.d1 em{font-style:normal;color:var(--gold)}
.lede{font-size:clamp(18px,1.5vw,22px);line-height:1.5}
.soft{color:var(--tx-soft)}
.dark .soft{color:var(--tx-inv-soft)}
.note{font-size:15px;color:var(--tx-soft)}
.dark .note{color:var(--tx-inv-soft)}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;line-height:1.3}
.pill::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--red)}
.dark .pill{color:var(--tx-inv)}
.head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(36px,4.6vw,72px)}
.head--c{display:block;text-align:center;max-width:980px;margin-inline:auto}
.head--c .lede{margin-top:16px}

/* botón: el punto crece y llena la píldora ------------------------------------- */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:8px 8px 8px 24px;border:0;border-radius:12px;background:var(--red);color:#fff;font-size:17px;font-weight:600;line-height:1.1;cursor:pointer;transition:color .28s var(--ease),transform .14s var(--ease)}
.btn::before{content:"";position:absolute;z-index:-1;right:8px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:8px;background:var(--ivory);transition:transform .5s var(--ease)}
.btn__dot{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:var(--red);transition:transform .3s var(--ease),color .28s var(--ease)}
.btn__dot svg{width:16px;height:16px}
.btn:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
  .btn:hover{color:var(--ink)}
  .btn:hover::before{transform:scale(16)}
  .btn:hover .btn__dot{transform:translateX(2px);color:var(--ink)}
}
.btn--ink{background:var(--ink);color:var(--ivory)}
.btn--ink::before{background:var(--red)}
.btn--ink .btn__dot{color:#fff}
@media(hover:hover) and (pointer:fine){.btn--ink:hover{color:#fff}.btn--ink:hover .btn__dot{color:#fff}}
.btn--sm{min-height:48px;padding:6px 6px 6px 20px;font-size:15px;gap:10px}
.btn--sm::before{right:6px;width:34px;height:34px;margin-top:-17px}
.btn--sm .btn__dot{width:34px;height:34px}
.tlink{display:inline-flex;align-items:center;gap:10px;font-weight:600;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;padding-bottom:4px;transition:gap .25s var(--ease)}
.tlink svg{width:15px;height:15px}
.tlink:hover{gap:15px}

/* header: cápsula flotante ------------------------------------------------------ */
.hdr{position:fixed;inset:14px 0 auto 0;z-index:80;padding-inline:clamp(10px,2vw,24px);pointer-events:none}
.hdr__bar{position:relative;pointer-events:auto;max-width:1320px;margin:0 auto;height:72px;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);padding:0 10px 0 18px;background:var(--paper);border-radius:16px;box-shadow:0 1px 0 rgba(21,21,21,.05),0 14px 40px -18px rgba(21,21,21,.35);transition:height .3s var(--ease)}
.hdr.is-stuck .hdr__bar{height:64px}
.hdr__logo{flex:none;display:block;color:var(--ink);padding:4px 0}
.hdr__logo svg{height:54px;width:auto;transition:height .3s var(--ease)}
.hdr.is-stuck .hdr__logo svg{height:48px}
.hdr__links{position:static;display:flex;align-items:center;gap:2px;margin-inline:auto}
.nv__a,.hdr__links>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:12px;font-size:16px;font-weight:500;white-space:nowrap;color:var(--ink);transition:color .16s var(--ease)}
.nv__a svg{width:12px;height:12px;transition:transform .22s var(--ease)}
.nv:hover .nv__a svg,.nv:focus-within .nv__a svg{transform:rotate(180deg)}
.nv__a[aria-current],.hdr__links>a[aria-current]{color:var(--red-deep)}
.hdr__ind{position:absolute;left:0;top:50%;height:44px;margin-top:-22px;width:60px;border-radius:12px;background:var(--ivory-2);opacity:0;pointer-events:none;transition:transform .28s var(--ease),width .28s var(--ease),opacity .18s var(--ease)}
.hdr__links .only-m,.hdr__mfoot{display:none}
.mega{position:absolute;left:0;right:0;top:calc(100% + 10px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:opacity .2s var(--ease),transform .24s var(--ease),visibility .24s;background:var(--paper);border-radius:16px;box-shadow:0 30px 80px -30px rgba(21,21,21,.5);overflow:hidden}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nv:hover .mega,.nv:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega__in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);min-height:360px}
.mega__list{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.mega__list--g{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega__g{display:grid;gap:4px;align-content:start}
.mega__g>p{padding:4px 14px 6px;font-size:15px;font-weight:600;color:var(--red-deep)}
.mega__list a{display:block;padding:12px 14px;border-radius:14px;transition:background-color .16s var(--ease)}
.mega__list a:hover,.mega__list a:focus-visible{background:var(--ivory-2)}
.mega__list b{display:block;font-weight:600;font-size:16px;line-height:1.25}
.mega__list span{display:block;margin-top:2px;font-size:15px;line-height:1.3;color:var(--tx-soft)}
.mega__all{grid-column:1/-1;margin:8px 14px 2px;justify-self:start;white-space:nowrap}
.mega__img{position:relative;background:var(--ink);overflow:hidden}
.mega__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .32s var(--ease),transform .6s var(--ease)}
.mega__img img.on{opacity:1;transform:none}
.hdr__end{flex:none;display:flex;align-items:center;gap:8px}
.lang{position:relative}
.lang__trigger{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font-size:15px;font-weight:600;cursor:pointer;color:var(--ink);transition:background-color .16s var(--ease)}
.lang__trigger:hover{background:var(--ivory-2)}
.lang__trigger svg{width:17px;height:17px}
.lang__trigger .chev{width:11px;height:11px;transition:transform .2s var(--ease)}
.lang.open .chev{transform:rotate(180deg)}
.lang__menu{position:absolute;right:0;top:calc(100% + 12px);width:232px;padding:8px;background:var(--paper);border-radius:18px;box-shadow:0 26px 70px -26px rgba(21,21,21,.55);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:calc(100% - 30px) 0;transition:opacity .16s var(--ease),transform .2s var(--ease),visibility .2s}
.lang.open .lang__menu{opacity:1;visibility:visible;transform:none}
.lang__menu a{display:grid;grid-template-columns:1fr auto 10px;align-items:center;gap:0 10px;padding:12px 12px;border-radius:12px;font-weight:500;color:var(--ink);transition:background-color .14s var(--ease)}
.lang__menu a:hover{background:var(--ivory-2)}
.lang__menu small{font-size:15px;font-weight:400;color:var(--tx-soft)}
.lang__menu a[aria-current]{background:var(--ivory-2)}
.lang__menu i{width:10px;height:10px;border-radius:50%;background:transparent}
.lang__menu a[aria-current] i{background:var(--red)}
.hdr__burger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:var(--ink);color:var(--ivory);place-items:center;cursor:pointer;padding:0}
.hdr__burger span{position:relative;display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:background-color .16s var(--ease)}
.hdr__burger span::before,.hdr__burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s var(--ease)}
.hdr__burger span::before{transform:translateY(-6px)}
.hdr__burger span::after{transform:translateY(6px)}
.hdr__burger.is-x span{background:transparent}
.hdr__burger.is-x span::before{transform:rotate(45deg)}
.hdr__burger.is-x span::after{transform:rotate(-45deg)}

/* escena 1-3: órbita ------------------------------------------------------------- */
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:28px}
.clocks{display:none;gap:18px}
.js .clocks{display:inline-flex}
.clocks b{font-weight:600;color:var(--tx-inv);font-variant-numeric:tabular-nums}

/* con motor: todo dentro de un escenario pegado */

/* tras la órbita, la página sube sobre el escenario con esquinas redondas */
.after{position:relative;z-index:3;background:var(--ivory);border-radius:var(--r-l) var(--r-l) 0 0;margin-top:calc(var(--r-l)*-1)}

/* riesgos: tarjetas que se apilan ------------------------------------------------- */
.stack{display:grid;gap:18px}
.scard{position:sticky;top:calc(var(--hdr) + 14px + var(--i,0)*14px);min-height:min(74vh,640px);border-radius:var(--r-l);overflow:hidden;transform-origin:50% 0;will-change:transform}
.scard--ivory{background:var(--paper)}
.scard--ink{background:var(--ink);color:var(--tx-inv)}
.scard--porcelain{background:var(--deep);color:var(--tx-inv)}
.scard--red{background:var(--red);color:#fff}
.scard__t{position:absolute;z-index:2;left:clamp(12px,1.4vw,20px);bottom:clamp(12px,1.4vw,20px);width:min(600px,calc(100% - 24px));display:grid;gap:18px;padding:clamp(22px,2.6vw,38px);border-radius:var(--r);background:inherit}
.scard:nth-child(even) .scard__t{left:auto;right:clamp(12px,1.4vw,20px)}
.scard h3{font-family:var(--font-display);font-weight:600;font-size:clamp(23px,2.3vw,34px);line-height:1.16;letter-spacing:-.015em}
html[lang=zh] .scard h3{font-weight:700;letter-spacing:.01em}
.scard__lab{display:block;font-size:15px;font-weight:600;margin-bottom:6px;opacity:.72}
.scard__t p{font-size:clamp(17px,1.35vw,20px);line-height:1.45;max-width:38ch}
.scard__m{position:absolute;inset:0;margin:0}
.scard__m img{width:100%;height:100%;object-fit:cover}

/* pasos con medio fijo ------------------------------------------------------------ */
.steps{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,88px);align-items:start}
.steps__media{position:sticky;top:calc(var(--hdr) + 22px);height:calc(100svh - var(--hdr) - 46px);min-height:440px;max-height:760px;border-radius:var(--r-l);overflow:hidden;background:var(--ink)}
.sm{position:absolute;inset:0;margin:0;clip-path:circle(0% at var(--cx,50%) var(--cy,50%));transition:clip-path 1s var(--ease-expo)}
.sm.on,.sm:first-of-type{clip-path:circle(150% at var(--cx,50%) var(--cy,50%))}
.sm img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s var(--ease-expo)}
.sm.on img{transform:none}
.steps__chip{position:absolute;left:16px;bottom:16px;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;background:var(--paper);font-size:15px;font-weight:600;line-height:1.25;box-shadow:0 14px 40px -16px rgba(0,0,0,.6);max-width:calc(100% - 32px)}
.steps__chip i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--red)}
.steps__chip span{color:var(--tx-soft);font-weight:500}
.steps__list{position:relative;padding-left:36px}
.steps__track{position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}
.steps__track i{position:absolute;left:0;right:0;top:0;height:100%;background:var(--red);transform-origin:0 0;transform:scaleY(var(--t,0));border-radius:2px}
.steps__track b{position:absolute;left:50%;top:calc(var(--t,0)*100%);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(199,51,54,.16)}
.step{min-height:64vh;display:flex;flex-direction:column;justify-content:center;gap:12px;transition:opacity .4s var(--ease)}
.fxon .step{opacity:.34}
.fxon .step.on{opacity:1}
.step:first-child{min-height:50vh}
.step:last-child{min-height:62vh}
.step__num{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--red-deep)}
.step>p:not(.step__num):not(.step__get){font-size:clamp(17px,1.3vw,19px);line-height:1.5}
.step__get{font-size:16px;color:var(--tx-soft)}
.step__get b{display:block;color:var(--ink);font-weight:600}
.step__m{display:none;border-radius:var(--r);overflow:hidden;margin-bottom:6px}
.ticks li{position:relative;padding:5px 0 5px 22px;font-size:17px;line-height:1.4}
.ticks li::before{content:"";position:absolute;left:0;top:13px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.dark .ticks li::before{background:var(--gold)}

/* zoom: la rejilla se abre hasta llenar la pantalla ---------------------------------- */
.zoom{position:relative;background:var(--ink);color:var(--tx-inv);overflow:clip}
.zoom__stage{position:relative}
.zoom__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:var(--gut)}
.ztile{border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:4/3}
.ztile img{width:100%;height:100%;object-fit:cover}
.ztile figcaption{position:absolute;left:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(21,21,21,.72);color:var(--ivory);font-size:15px;font-weight:600}
.zoom__t{padding:0 var(--gut) var(--gut);text-align:center}
.fxon .zoom{height:calc(100svh + 130vh)}
.fxon .zoom__stage{position:sticky;top:0;height:100svh;overflow:hidden}
.fxon .zoom__grid{position:absolute;inset:0;padding:0;display:block}
.fxon .ztile{position:absolute;aspect-ratio:auto;will-change:transform}
.fxon .zoom__t{position:absolute;inset:0;z-index:6;display:grid;place-content:center;padding:var(--gut);pointer-events:none;opacity:var(--zs,0)}
.fxon .zoom__t::before{content:"";position:absolute;inset:0;background:rgba(21,21,21,.52)}
.zoom__t>*{position:relative}
.zoom__t .d2{color:var(--tx-inv)}
.zoom__t a{pointer-events:auto}

/* índice de familias ------------------------------------------------------------------ */

/* evidencia: panel tinta que crece ------------------------------------------------------ */
.proof{padding-inline:clamp(10px,2vw,24px);background:var(--ivory)}
.proof.sec{padding-bottom:0}
.proof__panel{position:relative;background:var(--ink);color:var(--tx-inv);border-radius:var(--r-l);padding:clamp(56px,7vw,112px) clamp(20px,4vw,64px);overflow:hidden;transform-origin:50% 40%;will-change:transform}
.proof__docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr);gap:18px;max-width:1240px;margin-inline:auto;margin-top:clamp(32px,4vw,56px);align-items:start}
.doc{background:var(--paper);color:var(--tx);border-radius:var(--r);padding:14px;box-shadow:0 36px 70px -36px rgba(0,0,0,.8);will-change:transform}
.doc:nth-child(1),.doc:nth-child(3){margin-top:72px}
.doc:nth-child(2){position:relative;z-index:2;margin-inline:-26px;padding:18px}
.doc:nth-child(2) h3{font-size:clamp(20px,1.9vw,27px)}
.doc:nth-child(2) dl{font-size:17px}
.doc:nth-child(2) dt,.doc:nth-child(2) dd{padding-block:10px}
.doc__img{border-radius:14px;overflow:hidden;aspect-ratio:16/9;position:relative}
.doc__img img{width:100%;height:100%;object-fit:cover}
.doc__big{position:absolute;right:10px;top:10px;padding:6px 12px;border-radius:999px;background:var(--red);color:#fff;font-size:15px;font-weight:600}
.doc h3{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:14px 6px 8px}
html[lang=zh] .doc h3{font-weight:700}
.doc dl{display:grid;grid-template-columns:1fr auto;gap:0 12px;margin:0 6px 6px;font-size:15px}
.doc dt,.doc dd{padding:7px 0;border-top:1px solid var(--line)}
.doc dd{font-weight:600;display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.doc dd.ok::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
.proof__note{margin-top:18px;text-align:center}

/* calculadora --------------------------------------------------------------------------- */
.calc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(14px,2vw,28px);align-items:stretch}
.calc__form{background:var(--paper);border-radius:var(--r-l);padding:clamp(20px,2.6vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.calc label{display:block;font-size:15px;font-weight:500;color:var(--tx-soft);margin-bottom:6px}
.calc input{width:100%;height:60px;border:0;border-radius:var(--r-s);background:var(--ivory-2);padding:0 16px;font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink);outline:0;transition:box-shadow .16s var(--ease)}
.calc input:focus{box-shadow:0 0 0 2px var(--red)}
.calc__total{grid-column:1/-1;margin-top:8px;padding-top:6px}
.calc__total b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(34px,3.8vw,56px);letter-spacing:-.04em;line-height:1.1;color:var(--ink)}
.calc__total span{font-size:15px;font-weight:500;color:var(--tx-soft)}
.calc__box{background:var(--ink);color:var(--tx-inv);border-radius:var(--r-l);padding:clamp(20px,2.6vw,36px);display:grid;gap:18px;align-content:center}
.ctr{display:grid;grid-template-columns:minmax(90px,132px) minmax(0,1fr) 72px;gap:14px;align-items:center}
.ctr__n{font-weight:600;font-size:15px;line-height:1.2}
.ctr__b{position:relative;height:clamp(58px,6vw,84px);border-radius:10px;background:var(--ink-3);overflow:hidden}
.ctr__b::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(248,241,229,.07) 0 2px,transparent 2px 14px);z-index:2}
.ctr__b i{position:absolute;inset:0;background:var(--porcelain);transform-origin:0 50%;transform:scaleX(var(--f,0));transition:transform .6s var(--ease),background-color .3s var(--ease)}
.ctr.over .ctr__b i{background:var(--red)}
.ctr.best .ctr__b i{background:var(--gold)}
.ctr__p{font-family:var(--font-display);font-weight:600;font-size:17px;text-align:right;font-variant-numeric:tabular-nums}
.calc__msg{font-size:17px;font-weight:600;min-height:1.5em}
.calc__foot{grid-column:1/-1;margin-top:6px}

/* modos: paneles que se abren --------------------------------------------------------------- */

/* preguntas ------------------------------------------------------------------------------------ */
.qa__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:start}
.qa details{background:var(--paper);border-radius:var(--r);margin-bottom:10px}
.qa summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;font-weight:600;font-size:clamp(18px,1.5vw,21px);line-height:1.3;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--ivory-2);transition:background-color .2s var(--ease),transform .3s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);border-radius:2px}
.qa summary i::after{transform:rotate(90deg)}
.qa details[open] summary i{background:var(--red);transform:rotate(45deg)}
.qa details[open] summary i::before,.qa details[open] summary i::after{background:#fff}
.qa details p{padding:0 24px 22px;max-width:64ch;color:var(--tx-soft)}

/* cierre ------------------------------------------------------------------------------------------ */
.close{position:relative;background:var(--ink);color:var(--tx-inv);overflow:hidden;text-align:center;border-radius:var(--r-l) var(--r-l) 0 0;padding-block:clamp(84px,11vw,180px)}
.close .wrap{position:relative;z-index:2}
.sent{font-family:var(--font-display);font-weight:500;font-size:clamp(20px,2.7vw,42px);line-height:1.7;letter-spacing:-.025em;max-width:1120px;margin:clamp(24px,3vw,40px) auto 0}
html[lang=zh] .sent{font-weight:700}
.sent label{white-space:nowrap}
.sent input{width:var(--w,8.5em);max-width:100%;margin:0 .22em;padding:.02em .5em;border:0;border-radius:14px;background:var(--ink-3);color:var(--gold);font:inherit;outline:0;text-align:center;transition:background-color .16s var(--ease),box-shadow .16s var(--ease)}
.sent input::placeholder{color:#A99F8F;opacity:1}
.sent input:focus{background:#39352F;box-shadow:0 0 0 2px var(--gold)}
.brief__act{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:clamp(24px,3vw,40px)}
.formmsg{min-height:1.5em;margin:12px 0 0;font-size:17px;font-weight:500}
.formmsg.ok{color:var(--gold)}
.formmsg.err{color:#F2A7A8}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* páginas internas ------------------------------------------------------------------------------------- */
.phero{position:relative;background:var(--ink);color:var(--tx-inv);padding:calc(var(--hdr) + clamp(48px,6vw,92px)) var(--gut) 0;text-align:center;overflow:clip}
.phero .hero{position:relative;z-index:3;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.phero h1{width:100%;color:var(--tx-inv);margin-top:18px;font-size:clamp(32px,4.4vw,66px)}
html[lang=zh] .phero h1{font-size:clamp(32px,4.4vw,64px)}
.phero .lede{max-width:52ch;margin-top:18px;color:var(--tx-inv)}
.win{position:relative;z-index:2;max-width:1320px;margin:clamp(36px,4vw,56px) auto 0;border-radius:var(--r-l) var(--r-l) 0 0;overflow:hidden;height:clamp(300px,52vh,620px);will-change:transform}
.win img{width:100%;height:118%;object-fit:cover;will-change:transform}
.win figcaption{position:absolute;left:18px;bottom:16px;padding:8px 14px;border-radius:999px;background:rgba(21,21,21,.72);color:var(--ivory);font-size:15px;font-weight:500}
.phero--plain{padding-bottom:clamp(56px,7vw,100px)}
.fill{font-family:var(--font-display);font-weight:500;font-size:clamp(22px,2.6vw,40px);line-height:1.24;letter-spacing:-.025em;text-align:center;max-width:1100px;margin-inline:auto;color:var(--ink)}
html[lang=zh] .fill{font-weight:700;letter-spacing:.01em}
.scope{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.scope>div{border-radius:var(--r-l);padding:clamp(22px,3vw,44px)}
.scope>div:first-child{background:var(--ink);color:var(--tx-inv)}
.scope>div:last-child{background:var(--paper)}
.scope h3{margin-bottom:14px}
.cband{background:var(--ink);color:var(--tx-inv);padding-block:clamp(64px,8vw,120px);text-align:center;border-radius:var(--r-l) var(--r-l) 0 0;position:relative;overflow:hidden}
.cband .wrap{position:relative;z-index:2}
.cband p{max-width:44ch;margin:14px auto 24px}
.gantt{background:var(--paper);border-radius:var(--r-l);padding:clamp(20px,3vw,44px)}
.gantt__axis,.gantt__row{display:grid;grid-template-columns:minmax(150px,250px) minmax(0,1fr);gap:18px;align-items:center}
.gantt__ticks{position:relative;height:26px;font-size:15px;color:var(--tx-soft)}
.gantt__ticks span{position:absolute;top:0;transform:translateX(-50%)}
.gantt__ticks span:first-child{transform:none}
.gantt__row{padding:7px 0;font-size:16px;line-height:1.3}
.gantt__t{position:relative;height:32px;background:var(--ivory);border-radius:999px;overflow:hidden}
.gantt__t i{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:999px;background:var(--red);transform-origin:0 50%}
.gantt__t i.g{background:var(--gold)}
.gantt__t i.s{background:var(--porcelain)}
.stages{counter-reset:s;display:grid;gap:10px}
.stage{counter-increment:s;display:grid;grid-template-columns:64px minmax(0,4fr) minmax(0,6fr) minmax(0,3fr);gap:6px clamp(14px,2.4vw,36px);align-items:center;padding:clamp(16px,1.8vw,24px);background:var(--paper);border-radius:var(--r)}
.stage::before{content:counter(s);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--ivory);font-family:var(--font-display);font-weight:600;font-size:17px}
.stage h3{font-family:var(--font-display);font-weight:600;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.02em}
html[lang=zh] .stage h3{font-weight:700}
.stage__time{font-size:16px;color:var(--tx-soft)}
.stage__pay{display:inline-block;margin-top:8px;padding:5px 12px;border-radius:999px;background:var(--red);color:#fff;font-size:15px;font-weight:600}
.pays{display:grid;grid-template-columns:3fr 7fr;gap:12px}
.pay{padding:clamp(20px,2.6vw,36px);border-radius:var(--r-l);background:var(--red);color:#fff}
.pay+.pay{background:var(--ink);color:var(--ivory)}
.pay b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(42px,5.6vw,88px);letter-spacing:-.04em;line-height:1.05}
.pay span{display:block;font-weight:600;margin-top:4px}
.folder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.folder__imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.folder__imgs figure{border-radius:var(--r);overflow:hidden}
.folder__imgs img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover}
.ctable{width:100%;border-collapse:collapse;margin-top:clamp(24px,3vw,40px)}
.ctable th,.ctable td{text-align:left;padding:14px 12px 14px 0;border-top:1px solid var(--line-inv);vertical-align:baseline}
.ctable thead th{font-size:15px;font-weight:500;color:var(--tx-inv-soft);border-top:0}
.ctable tbody th{font-weight:600}
.ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ways>div{padding:clamp(18px,2vw,28px);border-radius:var(--r);background:var(--paper)}
.ways h3{margin-bottom:8px}
.split2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,88px);align-items:center}
.split2 figure{border-radius:var(--r-l);overflow:hidden}
.split2 img{width:100%;aspect-ratio:4/5;object-fit:cover}
.facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 clamp(16px,3vw,40px);margin-top:22px}
.facts dt,.facts dd{padding:12px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.4}
.facts dt{color:var(--tx-soft)}
.facts dd{font-weight:600;color:var(--ink)}
.cgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.chan li{padding:10px 0}
.chan b{display:block;font-size:15px;font-weight:500;color:var(--tx-soft)}
.chan span,.chan a{font-size:18px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.fcard{background:var(--ink);color:var(--tx-inv);padding:clamp(22px,3vw,44px);border-radius:var(--r-l)}
.fcard .d3{margin-bottom:18px}
.frow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
.field{margin-bottom:14px}
.field label{display:block;margin-bottom:5px;font-size:15px;color:var(--tx-inv-soft)}
.field input,.field textarea{display:block;width:100%;background:var(--ink-3);border:0;border-radius:var(--r-s);padding:14px 16px;color:var(--ivory);font-size:17px;outline:0;transition:box-shadow .16s var(--ease)}
.field input:focus,.field textarea:focus{box-shadow:0 0 0 2px var(--gold)}
.field textarea{min-height:120px;resize:vertical}
.mt{margin-top:clamp(28px,3.4vw,48px)}
.legal{max-width:70ch;margin-inline:auto}
.legal h2{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.25;margin:30px 0 8px;color:var(--ink)}
html[lang=zh] .legal h2{font-weight:700}
.nf{min-height:80vh;display:grid;place-items:center}
.nf .btn{margin-top:26px}

/* pie: se descubre debajo de la página -------------------------------------------------------------------- */
main{position:relative;z-index:2;background:var(--ivory)}
.ft{position:relative;z-index:1;background:var(--ink);color:var(--tx-inv);overflow:hidden}
.ft__in{padding-top:clamp(52px,6vw,96px)}
.ft__top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.ft__cta .d2{margin-bottom:22px;font-size:clamp(26px,3vw,46px)}
.ft__col h2{margin:0 0 10px;font-size:15px;font-weight:500;color:var(--tx-inv-soft)}
.ft__col li{padding:4px 0}
.ft__col a{font-size:17px;font-weight:500;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .25s var(--ease);overflow-wrap:anywhere}
.ft__col a:hover{background-size:100% 1.5px}
.ft__col span{font-size:17px;color:var(--tx-inv-soft)}
.ft__mark{margin-top:clamp(28px,4vw,56px)}
.ft__mark svg{display:block;width:auto;max-width:100%;height:clamp(84px,14vh,150px);margin-inline:0}
.ft__meta{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;margin-top:clamp(10px,2vw,24px);padding-bottom:26px;font-size:15px;color:var(--tx-inv-soft)}
.ft__meta nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}
.ft__meta a:hover{color:var(--ivory)}

/* transición entre páginas e intro --------------------------------------------------------------------------- */

/* entradas por palabra ------------------------------------------------------------------------------------------- */

/* responsive --------------------------------------------------------------------------------------------------------- */
@media(max-width:1180px){
  .hdr__links{gap:0}
  .nv__a,.hdr__links>a{padding:0 10px;font-size:15px}
  .ft__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
  .ft__cta{grid-column:1/-1}
  .ways{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  :root{--hdr:78px}
  .hdr{inset:10px 0 auto 0}
  .hdr__bar,.hdr.is-stuck .hdr__bar{height:62px;padding:0 8px 0 12px;border-radius:18px}
  .hdr__logo svg,.hdr.is-stuck .hdr__logo svg{height:46px}
  .hdr__burger{display:grid}
  .hdr__cta,.hdr__ind{display:none}
  .hdr__end{margin-left:auto}
  .hdr__links{display:none;position:fixed;left:10px;right:10px;top:80px;bottom:10px;margin:0;padding:14px;background:var(--paper);border-radius:22px;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
  .hdr__links.open{display:flex}
  .nv__a,.hdr__links>a{display:flex;justify-content:space-between;height:auto;padding:14px 12px;font-family:var(--font-display);font-weight:600;font-size:clamp(20px,5.6vw,26px);letter-spacing:-.02em}
  .nv__a svg{display:none}
  .mega{display:none}
  .hdr__links .only-m{display:flex}
  .hdr__mfoot{display:block;margin-top:auto;padding:14px 12px 8px}
  .hdr__mfoot .btn{width:100%;justify-content:space-between}
  .scard{position:relative;top:auto;min-height:0}
  .scard__m{position:relative;aspect-ratio:16/10}
  .scard__t,.scard:nth-child(even) .scard__t{position:relative;left:auto;right:auto;bottom:auto;width:auto;border-radius:0}
  .steps__media{display:none}
  .steps__list{padding-left:0}
  .steps__track{display:none}
  .step,.step:first-child,.step:last-child,.fxon .step{min-height:0;opacity:1;margin-bottom:34px}
  .step__m{display:block}
  .step__m img{width:100%;aspect-ratio:4/3;object-fit:cover}
  .proof__docs{grid-template-columns:minmax(0,1fr)}
  .doc:nth-child(n){margin:0}
  .stage{grid-template-columns:48px minmax(0,1fr)}
  .stage>*{grid-column:2}
  .stage::before{grid-row:1/span 3;width:40px;height:40px;font-size:15px}
  .pays{grid-template-columns:minmax(0,1fr)}
  .ft__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fxon .zoom{height:auto}
  .fxon .zoom__stage{position:relative;height:auto;overflow:visible}
  .fxon .zoom__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:var(--gut)}
  .fxon .ztile{position:relative;aspect-ratio:4/3}
  .fxon .zoom__t{position:relative;display:block;padding:0 var(--gut) var(--gut);opacity:1}
  .fxon .zoom__t::before{display:none}
}
@media(min-width:981px) and (min-height:760px){
  .fxon .ft{position:sticky;bottom:0}
  main{border-radius:0 0 var(--r-l) var(--r-l);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
}
@media(max-width:640px){
  body{font-size:17px}
  .frow,.facts,.ways{grid-template-columns:minmax(0,1fr)}
  .facts dd{border-top:0;padding-top:0}
  .facts dt{padding-bottom:2px}
  .gantt__axis,.gantt__row{grid-template-columns:minmax(0,1fr);gap:4px}
  .gantt__axis>:first-child{display:none}
  .sent label{display:block;margin-top:10px}
  .sent input{display:block;width:100%;margin:6px 0 0}
  .ctr{grid-template-columns:72px minmax(0,1fr) 58px;gap:10px}
  .ft__top{grid-template-columns:minmax(0,1fr)}
  .ft__meta nav{margin-left:0}
}

/* sin motor (reduced-motion, sin JS): cada paso lleva su foto y nada queda colgando */
@media(min-width:981px){
  html:not(.fxon) .steps{grid-template-columns:minmax(0,1fr)}
  html:not(.fxon) .steps__media,html:not(.fxon) .steps__track{display:none}
  html:not(.fxon) .steps__list{padding-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
  html:not(.fxon) .step{min-height:0;justify-content:flex-start}
  html:not(.fxon) .step__m{display:block}
  html:not(.fxon) .step__m img{width:100%;aspect-ratio:16/10;object-fit:cover}
}


/* ── v3: portada ─────────────────────────────────────────────────────────────── */
.top{position:relative;background:var(--ink);color:var(--tx-inv)}
.top__stage{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.top__bg{position:absolute;inset:0;margin:0}
.top__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.top__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,21,21,.72) 0%,rgba(21,21,21,.5) 46%,rgba(21,21,21,.86) 100%)}
.top .hero{position:relative;z-index:3;width:min(1284px,calc(100% - 2*(clamp(10px,2vw,24px) + 18px)));margin:auto;padding:calc(var(--hdr) + 40px) 0 40px;display:flex;flex-direction:column;align-items:center;text-align:center}
.top .hero h1{width:100%;margin-top:18px;color:var(--tx-inv);text-wrap:balance}
.top .hero .lede{max-width:46em;margin-top:20px}
.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:30px}
.top__bar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:1320px;width:calc(100% - 2*clamp(10px,2vw,24px));margin:0 auto clamp(14px,2vw,24px);border-radius:14px;overflow:hidden;background:var(--line-inv)}
.top__bar a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;background:rgba(21,21,21,.86);font-weight:600;font-size:17px;line-height:1.25;transition:background-color .2s var(--ease)}
.top__bar a:hover{background:var(--red)}
.top__bar svg{flex:none;width:15px;height:15px}
.fxon .top{height:calc(100svh + 42vh)}
.fxon .top__stage{position:sticky;top:0;height:100svh;min-height:0;will-change:clip-path}
.fxon .top__bg img{will-change:transform}
/* ── v3: tarjetas de servicio ────────────────────────────────────────────────── */
.scard{position:sticky;top:calc(var(--hdr) + 14px + var(--i,0)*12px);min-height:min(76vh,660px);border-radius:var(--r-l);overflow:hidden;transform-origin:50% 0;will-change:transform}
.scard--ivory{background:var(--paper)}
.scard--ink{background:var(--ink);color:var(--tx-inv)}
.scard--porcelain{background:var(--deep);color:var(--tx-inv)}
.scard--red{background:var(--red);color:#fff}
.scard__m{position:absolute;inset:0;margin:0}
.scard__m img{width:100%;height:100%;object-fit:cover}
.scard__t{position:absolute;z-index:2;left:clamp(12px,1.4vw,20px);top:clamp(12px,1.4vw,20px);bottom:clamp(12px,1.4vw,20px);width:min(520px,calc(100% - 24px));display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,36px);border-radius:var(--r);background:inherit}
.scard:nth-child(even) .scard__t{left:auto;right:clamp(12px,1.4vw,20px)}
.scard__t p{font-size:clamp(17px,1.3vw,19px);line-height:1.45}
.scard__t .ticks{margin-top:4px}
.scard__t .tlink{margin-top:auto;align-self:flex-start}
.scard--red .ticks li::before,.scard--porcelain .ticks li::before,.scard--ink .ticks li::before{background:var(--gold)}
.scard--red .ticks li::before{background:#fff}
/* ── v3: mapa ────────────────────────────────────────────────────────────────── */
.mp{position:relative;background:var(--ink);color:var(--tx-inv);padding-block:var(--sec)}
.mp__stage{position:relative;display:grid;gap:clamp(24px,3vw,44px);max-width:var(--maxw);margin:auto;padding-inline:var(--gut)}
.mp__cam{position:relative;width:100%;aspect-ratio:1600/739;transform-origin:0 0}
.mp__land,.mp__rt{position:absolute;inset:0;width:100%;height:100%}
.mp__rt path{fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round}
.mp__rt path[data-g=a]{stroke:#E0705A}
.mp__rt circle{fill:var(--red)}
.mp__pins,.mp__ship{display:none}
.mp__cap{display:grid;gap:12px;max-width:860px}
.mp__steps{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}
.mp__steps b{display:block;font-size:19px;font-weight:600;margin-bottom:4px}
.mp__steps p{font-size:17px;line-height:1.45;color:var(--tx-inv-soft)}
.lanes{background:var(--ink-3);border-radius:var(--r);padding:clamp(18px,2vw,26px)}
.lanes h3{font-size:19px;font-weight:600;margin-bottom:12px}
.lanes__r{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 70px;gap:10px;align-items:center;padding:5px 0;font-size:15px;line-height:1.25}
.lanes__r b{font-weight:600;font-size:16px}
.lanes__r small{font-size:15px;color:var(--tx-inv-soft);margin-left:6px}
.lanes__b{position:relative;height:8px;border-radius:4px;background:rgba(248,241,229,.1)}
.lanes__b i{position:absolute;top:0;bottom:0;left:calc(var(--a)*1%);right:calc(100% - var(--b)*1%);border-radius:4px;background:var(--gold)}
.lanes__r>span:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lanes .note{margin-top:12px;line-height:1.4}
.fxon .mp{padding:0}
.fxon .mp__pin{height:calc(100svh + var(--map-run,250vh))}
.fxon .mp__stage{position:sticky;top:0;display:block;height:100svh;max-width:none;padding:0;overflow:hidden}
.fxon .mp__cam{position:absolute;left:0;top:0;width:3200px;aspect-ratio:auto;height:1478px;will-change:transform}
.fxon .mp .mp__rt path{stroke-dasharray:1;stroke-dashoffset:1}
.fxon .mp__pins{display:block;position:absolute;inset:0;z-index:3;pointer-events:none}
.fxon .mp .mp__ship{display:block}
.pin{position:absolute;left:0;top:0;text-shadow:0 0 6px #151515,0 1px 3px #151515;display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;will-change:transform}
.pin::after{content:attr(data-n)}
.pin::before{content:"";flex:none;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(21,21,21,.8)}
.pin--o::before{background:var(--gold)}
.pin--l{flex-direction:row-reverse;transform-origin:100% 50%}
.fxon .mp__cap{position:absolute;z-index:4;left:max(var(--gut),calc(50% - 660px));top:calc(var(--hdr) + 26px);width:min(460px,calc(100% - 2*var(--gut)));padding:0;text-shadow:0 1px 14px rgba(21,21,21,.9)}
.fxon .mp__steps{display:block;position:relative;min-height:128px}
.fxon .mp__steps li{position:absolute;inset:0 0 auto 0;opacity:0}
.fxon .lanes--in{display:block;position:absolute;z-index:4;left:max(var(--gut),calc(50% - 660px));bottom:clamp(14px,2.6vh,28px);width:min(520px,calc(100% - 2*var(--gut)));opacity:0;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
/* ── v3: línea del pedido ────────────────────────────────────────────────────── */
.ln{padding-block:var(--sec);background:var(--paper)}
.ln__head{max-width:var(--maxw);margin:0 auto clamp(30px,3.6vw,52px);padding-inline:var(--gut)}
.ln__head p{margin-top:12px;max-width:44em}
.ln__rail{display:none}
.ln__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:var(--maxw);margin:auto;padding-inline:var(--gut)}
.ln__c{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r);background:var(--ivory)}
.ln__n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--ivory);font-weight:600;font-size:15px}
.ln__c h3{font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.2;color:var(--ink)}
.ln__c p{font-size:17px;line-height:1.42;color:var(--tx-soft)}
.ln__meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:15px;color:var(--tx-soft);display:grid;gap:2px}
.ln__meta b{color:var(--ink);font-weight:600}
.ln__gate{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--red);color:#fff;font-size:15px;font-weight:600;line-height:1.25}
.fxon .ln{padding:0}
.fxon .ln__stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,34px);padding-top:calc(var(--hdr) + 14px);overflow:hidden}
.fxon .ln__head{width:100%;margin-bottom:0}
.fxon .ln__rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative;max-width:var(--maxw);width:calc(100% - 2*var(--gut));margin-inline:auto;padding-top:14px;border-top:3px solid var(--line)}
.ln__s{display:flex;flex-direction:column;gap:6px;padding-right:10px;font-size:15px;font-weight:500;line-height:1.2;color:var(--tx-soft);transition:color .2s var(--ease)}
.ln__s u{text-decoration:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ivory-2);color:var(--ink);font-weight:600;font-size:14px;transition:background-color .2s var(--ease),color .2s var(--ease)}
.ln__s.on{color:var(--ink)}
.ln__s.on u{background:var(--ink);color:var(--ivory)}
.ln__s--p.on u{background:var(--red);color:#fff}
.fxon .ln__rail i{position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--red);transform-origin:0 50%;transform:scaleX(var(--t,0));border-radius:2px}
.fxon .ln__list{display:flex;align-items:stretch;width:max-content;max-width:none;margin:0;gap:16px;padding-inline:max(var(--gut),calc(50vw - 660px));will-change:transform}
.fxon .ln__c{width:clamp(310px,25vw,380px);flex:none}
/* ── v3: control de calidad ──────────────────────────────────────────────────── */
.aql{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,44px);align-items:stretch}
.aql__f{display:flex;flex-direction:column;gap:14px;justify-content:center}
.aql__f label{font-weight:600;font-size:18px}
.aql__f output{font-size:clamp(30px,3.4vw,50px);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.aql__f input[type=range]{width:100%;height:32px;accent-color:var(--red);cursor:pointer}
.aql__p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:var(--r-l);overflow:hidden;background:var(--line-inv)}
.aql__s{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:150px;padding:22px 24px;background:var(--ink);color:var(--tx-inv)}
.aql__s b{font-size:clamp(34px,3.6vw,54px);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.aql__s span{font-size:16px;line-height:1.3;color:var(--tx-inv-soft)}
.aql__s--r b{color:#F08A78}
.aql__bar{grid-column:1/-1;padding:18px 24px;background:var(--ink);color:var(--tx-inv);font-size:16px}
.aql__bar i{display:block;height:8px;margin-bottom:10px;border-radius:4px;background:rgba(248,241,229,.12);overflow:hidden}
.aql__bar i::before{content:"";display:block;height:100%;width:calc(var(--s,4)*1%);min-width:6px;background:var(--gold);border-radius:4px;transition:width .3s var(--ease)}
.mom{margin-top:clamp(40px,5vw,72px)}
.mom h3{margin-bottom:22px}
.mom__axis{position:relative;height:3px;margin:34px 0 22px;background:var(--line)}
.mom__axis::before{content:attr(data-l);position:absolute;left:0;top:-28px;font-size:15px;color:var(--tx-soft)}
.mom__axis::after{content:"100 %";position:absolute;right:0;top:-28px;font-size:15px;color:var(--tx-soft)}
.mom__axis i{position:absolute;top:50%;width:15px;height:15px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px var(--ivory)}
.mom__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mom__g b{display:block;font-size:19px;font-weight:600;margin-bottom:4px;color:var(--ink)}
.mom__g p{font-size:17px;line-height:1.42;color:var(--tx-soft)}
.rep{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,44px)}
.rep li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.3}
.rep li::before{content:"";flex:none;width:14px;height:8px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg) translateY(-2px)}
.chk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chk>div{padding:22px;border-radius:var(--r);background:var(--paper)}
.chk b{display:block;font-size:19px;font-weight:600;margin-bottom:4px;color:var(--ink)}
.chk p{font-size:17px;line-height:1.42;color:var(--tx-soft)}
/* ── v3: flete, incoterms, documentos ────────────────────────────────────────── */
.frt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.frt article{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--paper)}
.frt figure{margin:0;aspect-ratio:3/2;overflow:hidden}
.frt figure img{width:100%;height:100%;object-fit:cover}
.frt__t{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px;flex:1}
.frt h3{font-size:clamp(18px,1.4vw,21px);font-weight:600;line-height:1.2;color:var(--ink)}
.frt dl{display:grid;gap:8px;margin:0;font-size:16px;line-height:1.3}
.frt dt{font-size:15px;color:var(--tx-soft)}
.frt dd{margin:0;font-weight:600;color:var(--ink)}
.frt__b{display:block;height:8px;margin-top:4px;border-radius:4px;background:var(--ivory-2);overflow:hidden}
.frt__b i{display:block;height:100%;width:calc(var(--v)*1%);border-radius:4px;background:var(--red)}
.inc{overflow-x:auto;border-radius:var(--r);background:var(--paper);padding:clamp(14px,2vw,26px)}
.inc table{width:100%;min-width:760px;border-collapse:separate;border-spacing:4px;font-size:15px}
.inc th{font-weight:600;line-height:1.2;padding:6px 4px;vertical-align:bottom;text-align:center;color:var(--ink)}
.inc tbody th{text-align:left;font-size:18px;padding-right:12px}
.inc td{height:40px;border-radius:6px;text-align:center}
.inc td.s{background:var(--ink)}
.inc td.b{background:var(--ivory-2)}
.inc__k{display:flex;gap:20px;margin-top:12px;font-size:15px;color:var(--tx-soft)}
.inc__k span{display:inline-flex;align-items:center;gap:8px}
.inc__k i{width:16px;height:16px;border-radius:4px;background:var(--ivory-2)}
.inc__k span:first-child i{background:var(--ink)}
.trust{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}
.trust figure{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/3}
.trust figure img{width:100%;height:100%;object-fit:cover}
.trust figcaption{position:absolute;left:14px;bottom:14px;right:14px;padding:12px 16px;border-radius:10px;background:rgba(21,21,21,.84);color:var(--tx-inv);font-size:15px;line-height:1.35}
.trust figcaption b{display:block;font-size:17px;font-weight:600}
.trust__l{display:grid;gap:18px;margin-top:22px}
.trust__l b{display:block;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:2px}
.trust__l p{font-size:17px;line-height:1.42;color:var(--tx-soft)}
.sect{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sect li{padding:8px 14px;border-radius:8px;background:var(--paper);font-size:16px;font-weight:500}
/* ── v3: blog ────────────────────────────────────────────────────────────────── */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bcard{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--paper);transition:transform .25s var(--ease)}
.bcard:hover{transform:translateY(-3px)}
.bcard figure{margin:0;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.bcard figure img{width:100%;height:100%;object-fit:cover}
.bcard__t{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.bcard small{font-size:15px;font-weight:600;color:var(--red-deep)}
.bcard h2,.bcard h3{font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.24;color:var(--ink)}
.bcard p{font-size:17px;line-height:1.42;color:var(--tx-soft)}
.bfil{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.bfil button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:none;font-size:16px;font-weight:500;cursor:pointer}
.bfil button[aria-pressed=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.post{max-width:760px;margin:auto}
.post__cover{margin:clamp(24px,3vw,40px) 0;border-radius:var(--r);overflow:hidden;background:var(--ink)}
.post__cover img{width:100%;height:auto}
.post__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:16px;color:var(--tx-soft);margin-top:14px}
.post__b{font-size:18px;line-height:1.62}
.post__b>*+*{margin-top:18px}
.post__b h2{margin-top:38px;font-size:clamp(23px,2.1vw,30px);font-weight:600;line-height:1.2;letter-spacing:-.012em;color:var(--ink)}
.post__b h3{margin-top:26px;font-size:21px;font-weight:600;color:var(--ink)}
.post__b ul,.post__b ol{padding-left:22px}
.post__b ul{list-style:disc}
.post__b ol{list-style:decimal}
.post__b li+li{margin-top:6px}
.post__b table{width:100%;border-collapse:collapse;font-size:16px}
.post__b th{text-align:left;font-weight:600;padding:10px 10px;background:var(--ink);color:var(--ivory)}
.post__b td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.post__b blockquote{margin:0;padding:18px 22px;background:var(--ink);color:var(--ivory);border-radius:12px;font-weight:500}
.post__wrap{overflow-x:auto}
.post__rel{max-width:1100px;margin:clamp(40px,5vw,72px) auto 0}
.post__rel h2{margin-bottom:18px}
@media(max-width:1100px){
  .frt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mom__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ln__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .fxon{--map-run:210vh}
  .top__bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .top__bar a{padding:14px 16px;font-size:16px}
  .scard{position:relative;top:auto;min-height:0}
  .scard__m{position:relative;aspect-ratio:16/10}
  .scard__t,.scard:nth-child(even) .scard__t{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;border-radius:0}
  .mp__steps{grid-template-columns:minmax(0,1fr)}
  .fxon .ln{padding-block:var(--sec)}
  .fxon .ln__stage{position:static;height:auto;display:block;padding:0}
  .fxon .ln__rail{display:none}
  .fxon .ln__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;padding-inline:var(--gut);transform:none!important}
  .fxon .ln__c{width:auto}
  .fxon .ln__head{margin-bottom:24px}
  .aql,.trust{grid-template-columns:minmax(0,1fr)}
  .chk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .top__bar{grid-template-columns:minmax(0,1fr)}
  .ln__list,.fxon .ln__list,.mom__g,.chk,.frt,.bgrid,.rep{grid-template-columns:minmax(0,1fr)}
  .aql__p{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .aql__s{min-height:112px;padding:16px}
  .lanes__r{grid-template-columns:minmax(0,1fr) 62px}
  .lanes__b{grid-column:1/-1;grid-row:2}
  .lanes__r small{display:block;margin-left:0}
}

.mps{background:var(--ink);color:var(--tx-inv);padding-block:var(--sec)}
.mps__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(20px,3vw,44px);align-items:center;margin-top:clamp(24px,3vw,40px)}
.mps__map{position:relative;aspect-ratio:1600/739}
.mps .mp__ship{display:none}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.split2 figure{margin:0;border-radius:var(--r-l);overflow:hidden}
.split2 figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
@media(max-width:980px){
  .mps__g,.split2{grid-template-columns:minmax(0,1fr)}
  .fxon .mp{--x:0}
}

.lanes--in{display:none}
.mp__out{max-width:var(--maxw);margin:auto;padding-inline:var(--gut)}
.fxon .mp__out{padding-block:0 var(--sec)}
.fxon .mp__stage::before{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:min(640px,100%);background:linear-gradient(90deg,rgba(21,21,21,.88) 30%,rgba(21,21,21,0));pointer-events:none}
@media(min-width:981px){
  .fxon .mp__out{display:none}
}
@media(max-width:980px){
  .head,.qa__g,.calc,.cgrid,.scope,.folder,.split2{grid-template-columns:minmax(0,1fr)}
  .head{gap:12px}
  .fxon .lanes--in{display:none}
  .fxon .mp__stage::before{inset:0 0 auto 0;width:100%;height:48%;background:linear-gradient(180deg,rgba(21,21,21,.94) 45%,rgba(21,21,21,0))}
  .fxon .mp__cap{top:calc(var(--hdr) + 12px)}
  .fxon .mp__steps{min-height:112px}
}

.post__fig{margin:26px 0;border-radius:var(--r);overflow:hidden}
.post__fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}

.scope3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scope3>div{padding:clamp(20px,2.4vw,32px);border-radius:var(--r);background:var(--paper)}
.scope3>div:last-child{background:var(--ink);color:var(--tx-inv)}
.scope3>div:last-child .d3{color:inherit}
.scope3>div:last-child .ticks li::before{background:var(--gold)}
.scope3 h3{margin-bottom:12px}
@media(max-width:980px){
  .scope3{grid-template-columns:minmax(0,1fr)}
}

.mps .mp__land{filter:brightness(1.45)}
.mps .mp__rt path{stroke-width:2.4}
@media(max-width:980px){
  .steps{grid-template-columns:minmax(0,1fr)}
  .hdr__links{overscroll-behavior:contain}
}

.bfil a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;font-size:16px;font-weight:500;transition:background-color .16s var(--ease),color .16s var(--ease)}
.bfil a:hover{background:var(--paper)}
.bfil a[aria-current]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.bpag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}
.bpag a{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--paper);font-weight:600}
.bpag a[aria-current]{background:var(--ink);color:var(--ivory)}
.post__toc{padding:18px 22px;border-radius:12px;background:var(--paper)}
.post__toc p{font-weight:600;margin-bottom:8px;color:var(--ink)}
.post__toc ol{padding-left:20px;display:grid;gap:4px}
.post__toc a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.post__b a{color:var(--red-deep);text-decoration:underline;text-underline-offset:3px}
.post__keys{margin-top:34px;padding:22px 24px;border-radius:12px;background:var(--ink);color:var(--ivory)}
.post__keys h2{margin:0 0 10px;color:var(--ivory);font-size:22px}
.post__keys ul{list-style:disc;padding-left:20px}
.post__back{margin-top:30px}
.post__b .post__back a,.post__back a{color:inherit;text-decoration:none}

/* animador: pase de páginas internas */
.mom__axis b{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--red);transform:scaleX(0);transform-origin:0 50%}
html:not(.fxon) .mom__axis b{transform:none}
.fxon .mom__axis i{transform:scale(.6);transition:transform .35s var(--ease),background-color .2s var(--ease);background:var(--line)}
.fxon .mom__axis i.on{transform:none;background:var(--red)}
.fxon .mom--off{opacity:.42;transition:opacity .4s var(--ease)}
.fxon .mom--off.on{opacity:1}
.readbar{position:fixed;left:0;right:0;top:0;z-index:90;height:3px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.bcard figure img,.frt figure img{transition:transform .5s var(--ease)}
@media(hover:hover) and (pointer:fine){
  .bcard:hover figure img,.frt article:hover figure img{transform:scale(1.03)}
}

/* revisor y Tirano */
.cband{background:var(--deep)}
.ft{border-top:1px solid var(--line-inv)}
.ft__mark{margin:0}
.ft__mark svg{height:clamp(64px,6.4vw,92px);width:auto;margin:0}
.ft__claim{margin-top:14px;max-width:24em;font-size:17px;line-height:1.4;color:var(--tx-inv-soft)}
.stage__pay{border-radius:8px}
.win figcaption,.ztile figcaption{border-radius:10px}
@media(min-width:981px) and (max-width:1180px){
  .hdr__cta{display:none}
  .nv__a,.hdr__links>a{padding:0 9px;font-size:15px}
}
@media(max-width:640px){
  .gantt__ticks span{white-space:nowrap}
  .gantt__ticks span:nth-child(even){display:none}
  .gantt__ticks span:last-child{transform:translateX(-100%)}
  .win figcaption{left:10px;right:10px;bottom:10px;padding:8px 12px;font-size:15px}
}

.post__cover{aspect-ratio:21/9}
.post__cover img{height:100%;object-fit:cover}
@media(max-width:700px){
  .pin[data-m]{align-items:flex-start}
  .pin[data-m]::after{content:attr(data-m);white-space:pre;line-height:1.2}
}
@media(max-width:380px){.pin{font-size:14px}}
@media(max-width:340px){.pin{font-size:13px}}

/* pie: la ruta hasta el puerto del visitante */
.fxon .ft{position:relative}
.ft{border-top:0}
.ft a:focus-visible,.ft button:focus-visible,.ft summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
#incoterms,#tiempos,#calc,#aql{scroll-margin-top:calc(var(--hdr) + 40px)}
.rt{padding-top:clamp(40px,4vw,64px)}
.rt__st{position:relative;max-width:1560px;margin-inline:auto;aspect-ratio:1070/440}
.rt__fr{position:absolute;inset:0}
.rt__map{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.rt__map img{position:absolute;left:-43.925%;top:-43.182%;width:149.533%;max-width:none;height:auto}
.rt__map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rt__map path{fill:none;stroke:rgba(248,241,229,.1);stroke-width:1;vector-effect:non-scaling-stroke}
.rt__map path.on{stroke:var(--gold);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:none}
.rt__map path.on.draw{transition:stroke-dashoffset 1.3s var(--ease-io)}
.rt__ship{fill:var(--ivory);stroke:var(--red);stroke-width:3;paint-order:stroke;vector-effect:non-scaling-stroke}
.rt__h{position:absolute;left:30%;right:27%;top:5%;margin:0;font-size:clamp(30px,3.5vw,54px);line-height:1.08;font-weight:600;letter-spacing:-.018em;text-wrap:balance;text-align:center}
.rt__pin{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:0;height:0}
.rt__pin::before{content:"";position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(21,21,21,.85),0 0 0 7px rgba(199,51,54,.28)}
.rt__pin--o::before{background:var(--gold);box-shadow:0 0 0 3px rgba(21,21,21,.85)}
.rt__pin>span{position:absolute;right:16px;top:-15px;display:block;white-space:nowrap;padding:6px 10px;border-radius:8px;background:rgba(21,21,21,.86);font-size:15px;line-height:18px;font-weight:600}
.rt__pin--o>span{right:auto;left:14px;top:-40px}
.rt__pin b{margin-left:6px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums}
.rt__pin:not(.rt__pin--o){transition:left .5s var(--ease),top .5s var(--ease)}
.rt__r{position:absolute;left:24%;top:66%}
.rt__k{margin:0;font-size:clamp(44px,6.2vw,96px);line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 0 22px var(--ink),0 0 6px var(--ink)}
.rt__v{margin:10px 0 0;font-size:17px;line-height:1.35;color:var(--tx-inv-soft);text-wrap:balance;text-shadow:0 0 8px var(--ink)}
.rt__v #rt-d:not(:empty)::before{content:" · "}
.rt__do{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center;max-width:var(--maxw);margin-inline:auto;padding:clamp(16px,2vw,28px) var(--gut) 0}
.rt__ps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.rt__p{min-height:48px;padding:6px 14px;border:1px solid var(--line-inv);border-radius:10px;background:transparent;color:var(--ivory);font:inherit;font-size:15px;font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .14s var(--ease)}
.rt__p small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--tx-inv-soft)}
.rt__p:active{transform:scale(.97)}
.rt__p[aria-pressed=true]{background:var(--ivory);border-color:var(--ivory);color:var(--ink)}
.rt__p[aria-pressed=true] small{color:#4C4842}
@media(hover:hover) and (pointer:fine){.rt__p:not([aria-pressed=true]):hover{border-color:var(--gold)}}
.rt__end{max-width:300px}
.rt__end .btn{white-space:nowrap}
.rt__end .note{margin-top:10px;font-size:14px;line-height:1.4;color:var(--tx-inv-soft)}
.ft__nav{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,52px);padding-block:clamp(44px,4.6vw,68px) clamp(36px,3.8vw,52px);margin-top:clamp(36px,4vw,60px);border-top:1px solid var(--line-inv)}
.ft__nav--5{grid-template-columns:minmax(0,1.5fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr)}
.ft__mark{display:block;margin:0}
.ft__mark svg{display:block;width:auto;max-width:100%;height:clamp(76px,7vw,104px);margin:0}
.ft__claim{margin-top:16px;max-width:22em;font-size:17px;line-height:1.4;color:var(--tx-inv-soft)}
.ft__to{margin-top:20px}
.ft__to li{padding:3px 0}
.ft__mail{display:inline-block;padding-block:8px;font-size:18px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.ft__to address{font-style:normal;font-size:15px;line-height:1.45;color:var(--tx-inv-soft);max-width:26em}
.ft__g summary{list-style:none;margin-bottom:12px;font-size:15px;font-weight:600;color:var(--gold);pointer-events:none}
.ft__g summary::-webkit-details-marker{display:none}
.ft__g li{padding:3px 0}
.ft__g a{font-size:16px;line-height:1.35;font-weight:500;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .25s var(--ease)}
.ft__g a:hover{background-size:100% 1px}
.ft__legal{background:var(--ink-2);border-top:1px solid var(--line-inv);padding-block:clamp(24px,2.6vw,36px)}
.ft__sign{margin:0;font-size:clamp(18px,1.9vw,26px);line-height:1.3;font-weight:500;letter-spacing:-.01em;text-wrap:balance}
.ft__sign span{color:var(--gold);white-space:nowrap}
.ft__row{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;margin-top:14px;font-size:15px;color:var(--tx-inv-soft)}
.ft__fine{margin:0;max-width:70ch;line-height:1.45}
.ft__lg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line-inv);border-radius:10px}
.ft__lg a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:7px;font-weight:600;color:var(--tx-inv-soft);transition:color .18s var(--ease),background-color .18s var(--ease)}
.ft__lg a:hover{color:var(--ivory)}
.ft__lg a[aria-current]{background:var(--ivory);color:var(--ink)}
.ft__row--m nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}
.ft__row--m nav a{display:inline-block;padding-block:11px}
.ft__row--m nav a:hover{color:var(--ivory)}
.ft__up{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line-inv);border-radius:10px;color:var(--ivory);transition:border-color .18s var(--ease)}
.ft__up svg{width:18px;height:18px;transform:rotate(-90deg)}
.ft__up:hover{border-color:var(--gold)}
@media(max-width:1180px){
  .ft__nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft__nav--5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ft__b{grid-column:1/-1}
  .rt__v span{display:block}
  .rt__v #rt-d:not(:empty)::before{content:none}
  .rt__do{grid-template-columns:minmax(0,1fr)}
  .rt__end{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;max-width:none}
  .rt__end .note{margin:0;max-width:44ch}
}
@media(max-width:760px){
  .rt__st{aspect-ratio:auto;display:flex;flex-direction:column;padding-inline:var(--gut)}
  .rt__h{position:static;order:-1;text-align:left;font-size:32px}
  .rt__fr{order:0}
  .rt__fr{position:relative;inset:auto;margin:18px calc(var(--gut) * -1) 0;aspect-ratio:1070/560}
  .rt__map{inset:0}
  .rt__map img{top:-23.214%}
  .rt__map svg{top:10.714%;height:78.571%;inset-inline:0;bottom:auto}
  .rt__map path.on{stroke-width:5}
  .rt__pin{top:calc(10.714% + var(--y)*.78571%)}
  .rt__pin>span{right:12px;top:-14px;padding:4px 8px;font-size:14px}
  .rt__pin--o>span{right:auto;left:10px;top:-34px}
  .rt__pin::before{left:-4px;top:-4px;width:8px;height:8px;box-shadow:0 0 0 2px rgba(21,21,21,.85),0 0 0 5px rgba(199,51,54,.28)}
  .rt__pin--o::before{box-shadow:0 0 0 2px rgba(21,21,21,.85)}
  .rt__r{position:static;order:1;margin-top:10px}
  .rt__k{font-size:60px}
  .rt__v span{display:block}
  .rt__v #rt-d:not(:empty)::before{content:none}
  .rt__ps{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gut) * -1);padding:2px var(--gut) 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rt__ps::-webkit-scrollbar{display:none}
  .rt__p{flex:none;scroll-snap-align:start;scroll-margin-left:var(--gut)}
  .rt__end{display:block}
  .rt__end .btn{width:100%;justify-content:space-between}
  .rt__end .note{margin-top:12px}
  .ft__nav,.ft__nav--5{grid-template-columns:minmax(0,1fr);gap:0;margin-top:32px;padding-block:32px 16px}
  .ft__b{margin-bottom:22px}
  .ft__g{border-top:1px solid var(--line-inv)}
  .ft__g summary{position:relative;display:flex;align-items:center;min-height:52px;margin:0;font-size:17px;pointer-events:auto;cursor:pointer}
  .ft__g summary::after{content:"";position:absolute;right:4px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:transform .2s var(--ease)}
  .ft__g[open] summary::after{transform:translateY(4px) rotate(-135deg)}
  .ft__g ul{padding-bottom:12px}
  .ft__g a{display:inline-block;padding:6px 0;font-size:17px}
  .ft__row--m nav{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .rt__map path.on.draw,.rt__pin:not(.rt__pin--o){transition:none}
  .rt__ship{display:none}
}

/* blog: índice lateral por tema */
.blsec{padding:calc(var(--hdr) + 44px) 0 clamp(56px,7vw,96px)}
.bl{display:grid;grid-template-columns:276px minmax(0,1fr);gap:clamp(32px,4.4vw,72px);align-items:start}
.bs{position:sticky;top:calc(var(--hdr) + 26px);max-height:calc(100vh - var(--hdr) - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:6px}
.bs__q label{display:block;margin-bottom:6px;font-size:15px;font-weight:600}
.bs__q input{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font:inherit;font-size:16px;color:var(--ink)}
.bs__q input:focus-visible{outline:2px solid var(--red);outline-offset:1px}
.bs__d{margin-top:22px}
.bs__d summary{list-style:none;margin-bottom:8px;font-size:15px;font-weight:600;color:var(--tx-soft)}
.bs__d summary::-webkit-details-marker{display:none}
.bs__t a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;font-size:16px;line-height:1.25;font-weight:500;transition:background-color .15s var(--ease)}
.bs__t a span{font-size:15px;font-weight:400;color:var(--tx-soft);font-variant-numeric:tabular-nums}
.bs__t a:hover{background:rgba(21,21,21,.05)}
.bs__t>li>a[aria-current]{background:var(--ink);color:var(--ivory)}
.bs__t>li>a[aria-current] span{color:var(--tx-inv-soft)}
.bs__t ul{margin:4px 0 8px 10px;padding-left:10px;border-left:1px solid var(--line)}
.bs__t ul a{padding:6px 8px;font-size:15px;color:var(--tx-soft)}
.bs__t ul a[aria-current]{color:var(--red-deep);font-weight:600}
.bs__toc{margin-top:22px}
.bs__toc p{margin-bottom:8px;font-size:15px;font-weight:600;color:var(--tx-soft)}
.bs__toc ol{list-style:none}
.bs__toc a{display:block;padding:6px 10px;border-radius:8px;font-size:15px;line-height:1.3;color:var(--tx-soft)}
.bs__toc a:hover{color:var(--ink)}
.bs__toc a[aria-current]{background:rgba(21,21,21,.06);color:var(--ink);font-weight:600}
.bh{margin-bottom:clamp(24px,3vw,40px)}
.bh .d1,.post .d1{font-size:clamp(32px,3.7vw,52px);line-height:1.08;color:var(--ink);text-wrap:balance}
.bh .lede{margin-top:12px;max-width:60ch}
.bcr{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:14px;font-size:15px;color:var(--tx-soft)}
.bcr a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.bcr>*+*::before{content:"/";display:inline-block;margin-right:8px;color:var(--tx-soft)}
.bstart{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding-bottom:clamp(32px,4vw,52px);border-bottom:1px solid var(--line)}
.bstart__l{display:block;border-radius:var(--r);overflow:hidden;background:var(--paper)}
.bstart__l img{display:block;width:100%;aspect-ratio:21/10;object-fit:cover;background:var(--ink)}
.bstart__l span{display:block;padding:18px 22px 22px}
.bstart__l small{display:block;font-size:15px;font-weight:600;color:var(--red-deep)}
.bstart__l strong{display:block;margin-top:6px;font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:600;color:var(--ink)}
.bstart__l em{display:block;margin-top:8px;font-style:normal;font-size:17px;line-height:1.42;color:var(--tx-soft)}
.bstart__r h2{font-size:clamp(23px,2vw,28px);font-weight:600;margin-bottom:10px}
.bstart__r ol{counter-reset:r 1}
.bstart__r li{counter-increment:r;border-top:1px solid var(--line)}
.bstart__r li a{display:grid;grid-template-columns:30px minmax(0,1fr);padding:12px 0;font-size:17px;line-height:1.3;font-weight:500}
.bstart__r li a::before{content:counter(r);font-weight:600;color:var(--red-deep);font-variant-numeric:tabular-nums}
.bstart__r li a:hover{color:var(--red-deep)}
.btema{padding-block:clamp(30px,3.6vw,46px);border-bottom:1px solid var(--line)}
.btema__h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:baseline;margin-bottom:18px}
.btema__h h2{font-size:clamp(26px,2.5vw,36px);line-height:1.1;font-weight:600}
.btema__h p{grid-column:1;grid-row:2;font-size:17px;color:var(--tx-soft)}
.btema__h .tlink{grid-column:2;grid-row:1}
.btema__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,40px)}
.blead img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r);background:var(--ink)}
.blead h3{margin-top:12px;font-size:21px;line-height:1.24;font-weight:600;color:var(--ink)}
.blead p{margin-top:6px;font-size:16px;line-height:1.42;color:var(--tx-soft)}
.btema__l li{border-top:1px solid var(--line)}
.btema__l li:last-child{border-bottom:1px solid var(--line)}
.btema__l a{display:block;padding:13px 0;font-size:17px;line-height:1.3;font-weight:500}
.btema__l a:hover,.blead:hover h3,.brow:hover h2,.brow:hover h3{color:var(--red-deep)}
.btema__s{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.btema__s a{padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;font-weight:500;background:var(--paper)}
.btema__s a:hover{border-color:var(--ink)}
.bsub{padding-top:clamp(20px,2.4vw,32px);scroll-margin-top:calc(var(--hdr) + 28px)}
.bsub h2{padding-bottom:8px;font-size:clamp(23px,2.1vw,29px);font-weight:600;border-bottom:2px solid var(--ink)}
.brows li{border-bottom:1px solid var(--line)}
.brow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:14px 0}
.brow img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--ink)}
.brow small{display:block;margin-bottom:3px;font-size:15px;font-weight:600;color:var(--red-deep)}
.brow h2,.brow h3{font-size:19px;line-height:1.25;font-weight:600;color:var(--ink);transition:color .15s var(--ease)}
.brow p{margin-top:4px;font-size:16px;line-height:1.4;color:var(--tx-soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.bres__h{margin-bottom:6px;font-size:17px;font-weight:600}
#bres{margin-bottom:28px}
.post{max-width:780px;margin:0}
.post__rel{max-width:780px;margin:clamp(36px,4vw,56px) 0 0}
.bnx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.bnext{grid-column:2;display:block;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:17px;line-height:1.3;font-weight:600;color:var(--ink)}
.bnext--p{grid-column:1}
.bnext small{display:block;margin-bottom:4px;font-size:15px;font-weight:500;color:var(--tx-soft)}
.bnext:hover{border-color:var(--ink)}
@media(min-width:981px){.post__b .post__toc{display:none}}
@media(max-width:980px){
  .bl{grid-template-columns:minmax(0,1fr);gap:22px}
  .bs{position:static;max-height:none;overflow:visible;padding:0}
  .bs__toc{display:none}
  .bs__d{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
  .bs__d summary{position:relative;display:flex;align-items:center;min-height:48px;margin:0;padding:0 14px;font-size:16px;color:var(--ink);cursor:pointer}
  .bs__d summary::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
  .bs__d[open] summary::after{transform:translateY(3px) rotate(-135deg)}
  .bs__t{padding:0 6px 8px}
}
@media(max-width:640px){
  .bstart,.btema__g{grid-template-columns:minmax(0,1fr)}
  .btema__h{grid-template-columns:minmax(0,1fr)}
  .btema__h .tlink{grid-column:1;grid-row:3;margin-top:6px}
  .brow{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .brow p{display:none}
  .brow h2,.brow h3{font-size:18px}
  .bnx{grid-template-columns:minmax(0,1fr)}
  .bnext,.bnext--p{grid-column:1}
}

.post__b .post__wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bl__m,.post,.post__b{min-width:0}
@media(max-width:640px){.post__b table{min-width:520px;font-size:15px}}