/* Estilos compartidos de las páginas internas de davidmontoya.pro (misma identidad del inicio) */
:root{--bg:#fbfaf7;--bg-alt:#f1f1ec;--surface:#fff;--ink:#192d34;--muted:#59676b;--line:#dfe3de;--gold:#80642f;--gold-fill:#d7bc80;--hero:#142d35;--hero-ink:#faf8ef;--hero-muted:#c1d0cf;--hero-line:#375159;
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-underline-offset:4px}
:focus-visible{outline:2px solid var(--gold-fill);outline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
header.top{border-bottom:1px solid var(--line);background:var(--bg)}
header.top .wrap{max-width:1232px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand .brand-logo{height:48px;width:auto;border-radius:7px;display:block;flex:none}
.brand b{display:block;font:600 1rem/1.1 var(--display);letter-spacing:.08em}
.brand small{display:block;font-size:.56rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.top nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.8rem}
.top nav a{color:var(--ink);text-decoration:none}
.top nav a:hover{color:var(--gold)}
main{padding-block:56px 72px}
.eyebrow{font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0}
h1,h2,h3{text-wrap:balance;margin:0}
h1{font:600 clamp(2.2rem,5vw,3.3rem)/1.05 var(--display);letter-spacing:-.02em;margin-top:12px}
h2{font:600 1.7rem/1.2 var(--display);margin-top:44px}
h3{font-size:1rem;margin-top:26px}
p,ul,ol{margin:14px 0 0}
.lead{font-size:1.05rem;color:var(--muted);margin-top:18px}
.meta{font-size:.78rem;color:var(--muted);margin-top:12px}
table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.88rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
td.n,th.n{text-align:right}
.tabla{overflow-x:auto}
.cta{margin-top:36px;padding:26px 28px;border-radius:10px;background:var(--hero);color:var(--hero-ink);display:grid;gap:14px}
.cta p{margin:0;color:var(--hero-muted)}
.cta .botones{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 20px;border-radius:6px;font:600 .86rem var(--body);text-decoration:none;border:1px solid var(--gold-fill);background:var(--gold-fill);color:var(--hero)}
.btn.ghost{background:transparent;color:var(--hero-ink);border-color:var(--hero-line)}
.nota{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:36px}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:600}
.lista-blog{list-style:none;padding:0;display:grid;gap:22px}
.lista-blog li{border-bottom:1px solid var(--line);padding-bottom:22px}
.lista-blog a{font:600 1.5rem/1.25 var(--display);color:var(--ink);text-decoration:none}
.lista-blog a:hover{color:var(--gold)}
footer{background:var(--hero);color:var(--hero-muted);font-size:.74rem;padding-block:30px 40px}
footer .wrap{max-width:1232px;display:grid;gap:10px}
footer a{color:var(--hero-ink)}
footer .links{display:flex;flex-wrap:wrap;gap:8px 18px}
@media print{header.top,footer,.cta{display:none}}
.ico-wa{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:-.2em;color:#25D366;margin-right:.4em}
.btn .ico-wa{margin-right:0}
.footer-logo{width:120px;height:120px;border-radius:10px;display:block}
@media(max-width:600px){.brand .brand-logo{height:40px}}