/* Blog and Days Left pages: same look as the V4B Brand home and free pages (Brand Book 02, Archivo only, dark with a light edition). */
:root{--ground:#0E1513;--raise:#16302B;--ink:#FDFDFB;--mute:#9A958B;--line:rgb(253 253 251 / .12);--accent:#C9AE85;--accent-ink:#0E1513;
  --gutter:clamp(16px,3vw,40px);--max:1440px;--gap:clamp(96px,12vw,180px);color-scheme:dark}
:root[data-theme=light]{--ground:#FDFDFB;--raise:#F3F1EC;--ink:#2D2D2D;--mute:#5C5F5A;--line:#D9D6CE;--accent:#720019;--accent-ink:#FDFDFB;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ground);color:var(--ink);font:400 18px/1.55 "Archivo",system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--accent-ink)}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.disp{font-family:"Archivo",sans-serif;font-stretch:80%;font-weight:900;text-transform:uppercase;line-height:.86;letter-spacing:-.01em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.lab{display:block;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.mute{color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--accent);color:var(--accent-ink);border:0;font:600 16px/1 "Archivo",sans-serif;padding:18px 26px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--ink);color:var(--ground)}
.btn .ar{transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn:hover .ar{transform:translateX(4px)}

nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gutter);background:var(--ground);color:var(--ink)}
nav .mark{display:flex;align-items:center}nav .mark img{width:34px;height:34px}
nav .m-l,:root[data-theme=light] nav .m-d{display:none}:root[data-theme=light] nav .m-l{display:block}
nav .ctl{display:flex;align-items:center;gap:10px}
nav .tg{display:inline-grid;place-items:center;min-width:40px;height:36px;padding:0 10px;background:none;border:1px solid var(--line);color:var(--ink);font:800 13px/1 "Archivo",sans-serif;letter-spacing:.12em;cursor:pointer;transition:border-color .2s}
nav .tg:hover{border-color:var(--accent)}
nav a.go{margin-left:8px;font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:560px){nav a.go{display:none}}

footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:32px var(--gutter) 40px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
footer .fl{display:flex;flex-wrap:wrap;gap:6px 18px}footer a:hover{color:var(--ink)}
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
.js .rv.in{opacity:1;transform:none}

.hero{padding:clamp(120px,14vw,170px) 0 clamp(56px,7vw,96px)}
.hero h1{font-size:clamp(48px,min(11vw,8vw + 20px),148px);margin:18px 0 24px;max-width:14ch}
.lede{max-width:52ch;font-size:19px}
.close{border-top:1px solid var(--line);padding:var(--gap) 0}
.close h2{font-size:clamp(48px,8vw,140px);margin:18px 0 28px;max-width:16ch}
.close .lede{margin-bottom:32px}
.close.small{padding:clamp(56px,7vw,96px) 0}.close.small .lede{margin:14px 0 24px}
.soc{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.soc a{border:1px solid var(--line);padding:12px 18px;font-weight:600;font-size:15px;transition:border-color .2s,color .2s}
.soc a:hover{border-color:var(--accent);color:var(--accent)}

/* Blog list */
.posts{padding-bottom:var(--gap)}
.posts ol{list-style:none;border-top:1px solid var(--line)}
.posts li{border-bottom:1px solid var(--line)}
.posts li a{display:grid;grid-template-columns:clamp(64px,8vw,120px) minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:32px 0}
.posts .n{font-size:clamp(40px,5vw,80px);color:var(--accent);line-height:.8}
.posts .t{display:grid;gap:10px}
.posts .h{font-size:clamp(22px,2.4vw,34px);font-weight:600;line-height:1.15;max-width:34ch;transition:color .2s}
.posts .t .mute{max-width:60ch}
.posts .k{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.posts li a:hover .h{color:var(--accent)}

/* Blog post */
.post-head{padding:clamp(120px,14vw,170px) 0 clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.post-head .back{display:inline-block;margin-bottom:28px}
.post-head .back:hover{color:var(--ink)}
.post-head .date{font-size:15px;margin-bottom:14px}
.post-head h1{font-size:clamp(40px,6vw,96px);line-height:.9;max-width:18ch}
.post{padding:clamp(48px,6vw,88px) 0}
.prose{max-width:68ch;font-size:19px;line-height:1.65}
.prose > * + *{margin-top:1.1em}
.prose h2{font-family:"Archivo",sans-serif;font-stretch:80%;font-weight:900;text-transform:uppercase;line-height:.95;font-size:clamp(28px,3vw,44px);margin-top:1.8em}
.prose h3{font-size:22px;font-weight:800;margin-top:1.5em}
.prose ul,.prose ol{padding-left:1.2em}.prose li + li{margin-top:.5em}
.prose strong{font-weight:700}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.prose blockquote,.prose .callout{border-left:3px solid var(--accent);background:var(--raise);padding:20px 24px;font-size:20px;font-weight:600;line-height:1.45}
.post-cta{padding-bottom:var(--gap)}
.post-cta .box{max-width:68ch;background:var(--raise);border:1px solid var(--line);padding:clamp(24px,4vw,40px);display:grid;gap:16px;justify-items:start}
.post-cta h2{font-size:clamp(28px,3vw,44px)}
.post-cta p{font-size:18px}

/* Days Left */
.quote{background:var(--raise);padding:var(--gap) 0}
.quote blockquote{font-size:clamp(26px,3.2vw,46px);font-weight:600;line-height:1.2;max-width:30ch;margin-bottom:28px}
.calc{padding:var(--gap) 0}
.calc .wrap{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px var(--gutter);align-items:start}
.calc .side p{margin-top:14px;max-width:34ch}
.calc .card{border:1px solid var(--line);background:var(--raise);padding:clamp(24px,3vw,40px);display:grid;gap:22px}
.calc .row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.calc .field{display:grid;gap:8px;align-content:start}
.calc label,.calc .k{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.calc input{width:100%;height:56px;background:var(--ground);border:1px solid var(--line);color:var(--ink);font:400 17px "Archivo",sans-serif;padding:0 16px;border-radius:0}
.calc input:focus{outline:none;border-color:var(--accent)}
.calc .help{font-size:14px;color:var(--mute)}
.calc .card > .btn{justify-self:start}
.btn.line{background:none;color:var(--ink);border:1px solid var(--line)}.btn.line:hover{border-color:var(--accent);background:none;color:var(--accent)}
.calc .err{min-height:1.2em;font-size:15px;color:var(--accent)}
.results{display:none;gap:24px;border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:100px}
.results.visible{display:grid}
.results h2{font-size:clamp(32px,3.6vw,56px)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.stat{display:grid;gap:10px;align-content:start;padding:22px}
.stat + .stat{border-left:1px solid var(--line)}
.stat .v{font-size:clamp(40px,4.6vw,72px);color:var(--ink)}
.stat.featured .v{color:var(--accent)}
.stat .sub{font-size:14px}
.progress{display:grid;gap:10px}
.progress .ph{display:flex;justify-content:space-between}
.track{height:8px;background:var(--ground);border:1px solid var(--line)}
.fill{height:100%;width:0;background:var(--accent);transition:width 1.4s cubic-bezier(.16,1,.3,1)}
.msg{font-size:19px;max-width:56ch}.msg strong{color:var(--accent);font-weight:700}
.share{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:860px){
 .calc .wrap{grid-template-columns:1fr}
 .posts li a{grid-template-columns:48px minmax(0,1fr)}.posts .k{grid-column:2}
 .stats{grid-template-columns:1fr}.stat + .stat{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:560px){.calc .row{grid-template-columns:1fr}.btn{white-space:normal;text-align:left}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

/* Spanish capitals carry accents (ANÁLISIS): a little more room between headline lines */
:root[lang=es] .disp{line-height:.94}