/* Arrendio · hoja compartida de las páginas interiores (blog, herramientas, normativa, ayuda, legales).
   Aplica la identidad de la portada: papel cálido, Fraunces en titulares, Inter en texto, navy + azul de marca. */
:root{--navy:#021D42;--accent:#2F6A91;--accent-dark:#245577;--gray:#44566A;--gray-light:#D8CFBC;--gray-bg:#ECE5D6;--paper:#F5F0E6;
 --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--display:'Fraunces',Georgia,'Times New Roman',serif}
html{overflow-x:clip}
body{overflow-x:clip;background:var(--paper);color:var(--navy);font-family:var(--font);font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere;font-style:normal}
h1,h2,h3{color:var(--navy)}
h1{border-bottom-color:var(--navy)}
h1{font-size:clamp(2rem,1.4rem + 2.4vw,3rem)}
a{color:var(--accent-dark)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
header.top{border-bottom:4px solid var(--navy);max-width:1000px}
header.top a.logo{display:inline-flex;align-items:center;min-height:44px}
header.top a.logo img{height:30px;width:auto;display:block}
header.top a.cta{background:var(--navy);color:var(--paper);border-radius:4px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
header.top a.cta:hover{background:var(--accent)}
.card,.cta-box,.note{border-radius:0}
.card{background:var(--gray-bg);border:2px solid var(--navy);box-shadow:6px 6px 0 var(--navy)}
.cta-box{background:var(--navy);color:var(--paper);box-shadow:6px 6px 0 var(--accent)}
.cta-box a.btn{border-radius:4px;background:var(--paper);color:var(--navy);min-height:44px;display:inline-flex;align-items:center}
.cta-box a{color:var(--paper)}
.note{background:var(--gray-bg);border:2px solid var(--navy)}
th{color:var(--gray)}
th,td{border-bottom-color:var(--gray-light)}
.disc,.crumbs,.lead{color:var(--gray)}
.grid li a{border-radius:0;border:2px solid var(--navy);background:var(--paper)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.highlight{border:2px solid var(--navy);background:var(--gray-bg);border-radius:0}
.volver{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;margin-bottom:1rem}
.highlight p{color:var(--navy)}