:root{--negro:#1E1E1E;--oro:#B8A070;--oro-luz:#D4C090;--texto:#1E1E1E;--suave:#6B6258;--linea:rgba(184,160,112,.34);--blanco:#fff;--hueso:#F7F5F2}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Jost,sans-serif;font-weight:300;background:var(--blanco);color:var(--texto);line-height:1.75}
header.nav{background:var(--negro);padding:18px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
header.nav a.marca{font-family:Cinzel,serif;font-size:15px;letter-spacing:.18em;color:#F0EEEA;text-decoration:none}
header.nav a.marca b{color:var(--oro);font-weight:500}
header.nav a.cta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro-luz);text-decoration:none;border:1px solid var(--oro);padding:9px 16px;border-radius:3px}
header.nav a.cta:hover{background:var(--oro);color:var(--negro)}
main{max-width:780px;margin:0 auto;padding:46px 26px 90px}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--oro);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.eyebrow:before{content:"";display:block;width:28px;height:1px;background:var(--oro)}
h1{font-family:Cinzel,serif;font-weight:400;font-size:clamp(28px,4.4vw,40px);line-height:1.25;letter-spacing:.02em;margin-bottom:16px}
.entradilla{font-size:17px;color:var(--suave);margin-bottom:30px}
h2{font-family:Cinzel,serif;font-weight:400;font-size:clamp(21px,2.7vw,27px);letter-spacing:.03em;margin:46px 0 14px;padding-top:22px;border-top:1px solid var(--linea)}
h3{font-family:Jost,sans-serif;font-weight:500;font-size:17px;margin:26px 0 8px}
p{margin-bottom:16px;font-size:16.5px}
ul,ol{margin:0 0 18px 22px}
li{margin-bottom:9px;font-size:16.5px}
a{color:#8A6F35}
strong{font-weight:500}
.cifras{background:var(--negro);color:#F0EEEA;border-radius:8px;padding:30px 32px;margin-bottom:26px}
.cifras h2{border:none;margin:0 0 16px;padding:0;color:#fff;font-size:20px}
.cifras .fila{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(240,238,234,.16);font-size:16px}
.cifras .fila:last-of-type{border-bottom:none}
.cifras .valor{font-family:Cinzel,serif;color:var(--oro-luz);white-space:nowrap}
.cifras .fuente{font-size:12.5px;color:#A9A094;margin-top:14px}
.cifras .fuente a{color:var(--oro-luz)}
.calc{border:1px solid var(--linea);border-left:3px solid var(--oro);border-radius:8px;padding:26px 28px;margin-bottom:30px;background:var(--hueso)}
.calc h2{border:none;margin:0 0 6px;padding:0;font-size:20px}
.calc p.sub{font-size:14px;color:var(--suave);margin-bottom:18px}
.calc .campos{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.calc label{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-bottom:5px}
.calc select,.calc input{width:100%;background:#fff;border:1px solid var(--linea);border-radius:5px;padding:11px 13px;font-family:Jost,sans-serif;font-size:16px;color:var(--texto)}
.calc .ancho{grid-column:1/-1}
.calc .resultado{margin-top:20px;background:#fff;border:1px solid var(--linea);border-radius:6px;padding:20px 22px}
.calc .linea{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--linea);font-size:16px}
.calc .linea:last-child{border-bottom:none}
.calc .linea b{font-family:Cinzel,serif;font-weight:400;white-space:nowrap}
.calc .aviso{font-size:13px;color:var(--suave);margin:14px 0 0}
.nota{background:var(--hueso);border-left:3px solid var(--oro);padding:18px 22px;border-radius:0 6px 6px 0;margin-bottom:20px;font-size:15.5px}
.cta{background:var(--negro);color:#F0EEEA;border-radius:8px;padding:32px 34px;margin:44px 0 26px}
.cta h2{border:none;margin:0 0 10px;padding:0;color:#fff}
.cta p{color:#D5CEC3;font-size:16px}
.cta a.boton{display:inline-block;margin-top:10px;background:var(--oro);color:var(--negro);padding:14px 26px;border-radius:3px;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cta a.boton:hover{background:#F0EEEA}
.cta .firma{font-size:13px;color:#A9A094;margin-top:16px}
.fuentes{font-size:14px;color:var(--suave)}
.fuentes li{font-size:14px}
footer{background:var(--negro);color:#BDB5A9;text-align:center;padding:26px 20px;font-size:12px;letter-spacing:.05em}
footer b{color:var(--oro)}
@media(max-width:720px){.calc .campos{grid-template-columns:1fr}main{padding:30px 20px 70px}.cifras,.calc,.cta{padding:22px 20px}}

/* El grupo de guías: la madre enlaza a las seis hijas y cada hija vuelve a la
   madre. Sin esto son siete páginas sueltas que compiten entre ellas. */
.mas-guias{margin:48px 0;padding:30px 32px;background:var(--hueso,#F8F6F2);border-left:3px solid var(--oro,#B8A070);border-radius:0 8px 8px 0}
.mas-guias h2{margin:0 0 16px;font-size:19px}
.mas-guias ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.mas-guias li{position:relative;padding-left:18px}
.mas-guias li:before{content:"";position:absolute;left:0;top:12px;width:9px;height:1px;background:var(--oro,#B8A070)}
.mas-guias a{color:var(--texto,#1E1E1E);text-decoration:none;border-bottom:1px solid rgba(184,160,112,.45);font-size:15px}
.mas-guias a:hover{color:var(--oro,#B8A070)}
@media(max-width:720px){.mas-guias ul{grid-template-columns:1fr}}
.volver-guia{margin:34px 0 0;font-size:14px}
.volver-guia a{color:var(--suave,#6B6258);text-decoration:none;border-bottom:1px solid rgba(184,160,112,.4)}
.volver-guia a:hover{color:var(--oro,#B8A070)}