:root{--negro:#0f1a10;--crema:#f5f3ef;--acid:#d56734;--rosa:#ff99ac;--naranja:#d56734;--verde:#1e441e;--verde-claro:#7d9f6b;--tinta:#1a241b;--gris:#5c665d;--linea:rgba(15,26,16,.18)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--crema);color:var(--tinta);font-family:"Segoe UI","Noto Sans",system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(100% - 2*clamp(16px,4vw,48px),1100px);margin-inline:auto}
header.top{background:var(--negro);color:var(--crema)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:16px}
header.top .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.02em}
header.top .logo img{width:34px;height:auto}
header.top nav{display:flex;gap:clamp(12px,2.4vw,28px);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
header.top nav a{text-decoration:none;opacity:.85}
header.top nav a:hover,header.top nav a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:6px}
@media (max-width:640px){header.top nav a.sec{display:none}}
.hero{background:var(--negro);color:var(--crema);padding:clamp(40px,8vw,96px) 0 clamp(36px,6vw,72px)}
.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.8;margin-bottom:18px}
.kicker em{font-family:"Instrument Serif",serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:16px;opacity:.9;margin-left:8px}
h1{font-family:"widescreen-mixed",sans-serif;font-weight:700;line-height:1;font-size:clamp(30px,5.2vw,68px);letter-spacing:-.01em;max-width:18ch}
.hero .lead{font-family:"Instrument Serif",serif;font-size:clamp(20px,2.4vw,28px);line-height:1.35;max-width:38ch;margin-top:26px}
.hero .meta{margin-top:28px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}
.hero .stk{position:absolute;right:clamp(16px,6vw,96px);top:22px;width:clamp(48px,6.5vw,96px);height:auto;opacity:.9;z-index:0}
.hero .wrap{position:relative;z-index:1}
@media (max-width:640px){.hero .stk{top:6px;width:40px}}
.hero{position:relative;overflow:hidden}
main{padding:clamp(36px,6vw,80px) 0}
section+section{margin-top:clamp(40px,7vw,88px)}
h2{font-family:"widescreen-mixed",sans-serif;font-weight:700;line-height:1.05;font-size:clamp(20px,2.6vw,32px);margin-bottom:22px;letter-spacing:-.005em}
h3{font-size:19px;font-weight:600;margin-bottom:6px}
p{max-width:68ch}
p+p{margin-top:14px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(20px,4vw,56px);align-items:start}
@media (max-width:760px){.cols{grid-template-columns:1fr}}
.cols .aside{font-family:"Instrument Serif",serif;font-size:21px;line-height:1.3;color:var(--gris)}
.rows{border-top:1px solid var(--linea)}
.rows .row{display:grid;grid-template-columns:3ch minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--linea)}
.rows .num{font-family:"widescreen-mixed",sans-serif;font-weight:700;color:var(--c,var(--acid));font-size:15px;padding-top:4px}
.rows .row p{color:var(--gris)}
.steps{counter-reset:p;border-top:1px solid var(--linea)}
.steps li{list-style:none;display:grid;grid-template-columns:3ch minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--linea)}
.steps li::before{counter-increment:p;content:counter(p,decimal-leading-zero);font-family:"widescreen-mixed",sans-serif;font-weight:700;color:var(--c,var(--acid));font-size:15px;padding-top:4px}
.steps li p{color:var(--gris)}
ul.plain{padding-left:0;list-style:none}
ul.plain li{position:relative;padding-left:26px;margin-bottom:12px;max-width:68ch}
ul.plain li::before{content:"✺";position:absolute;left:0;top:0;color:var(--c,var(--acid));font-size:14px}
.faq .q{padding:20px 0;border-bottom:1px solid var(--linea)}
.faq .q:first-of-type{border-top:1px solid var(--linea)}
.faq h3{font-size:19px;margin-bottom:8px}
.faq p{color:var(--tinta)}
.cta{background:var(--negro);color:var(--crema);padding:clamp(48px,8vw,96px) 0}
.cta .serif{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(20px,2.6vw,30px);margin-bottom:14px}
.cta h2{font-size:clamp(34px,6vw,84px);line-height:.95;margin-bottom:34px;max-width:14ch}
.cta h2 .out{color:transparent;-webkit-text-stroke:2px var(--acid)}
.btn{display:inline-block;background:var(--acid);color:var(--crema);text-decoration:none;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px;padding:18px 28px;border-radius:999px}
.btn:hover{background:var(--rosa);color:var(--negro)}
.cta .alt{margin-top:18px;font-size:14px;opacity:.75}
.cta .alt a{color:inherit}
footer.foot{background:var(--negro);color:var(--crema);border-top:1px solid rgba(245,243,239,.15);padding:28px 0 40px;font-size:13px}
footer.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline}
footer.foot a{opacity:.8;text-decoration:none}
footer.foot a:hover{opacity:1;text-decoration:underline}
footer.foot .sp{flex:1}
.serv-list{border-top:1px solid var(--linea)}
.serv-list a{display:grid;grid-template-columns:3ch minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--linea);text-decoration:none}
.serv-list a:hover h3{text-decoration:underline;text-underline-offset:6px}
.serv-list .num{font-family:"widescreen-mixed",sans-serif;font-weight:700;color:var(--c);font-size:15px}
.serv-list h3{font-family:"widescreen-mixed",sans-serif;font-weight:700;font-size:clamp(18px,2.4vw,28px);margin:0 0 6px}
.serv-list p{color:var(--gris);max-width:60ch}
.serv-list .plus{font-family:"widescreen-mixed",sans-serif;font-weight:700;font-size:28px;color:var(--c)}
.mas{margin-top:clamp(36px,6vw,64px);padding-top:22px;border-top:1px solid var(--linea);font-size:15px;color:var(--gris)}
.mas a{color:var(--tinta)}
.guia h2{margin-top:0}
.guia section+section{margin-top:clamp(28px,4vw,48px)}