:root{
  --primary:#0b3d91;
  --primary-700:#083079;
  --accent:#ffb703;
  --bg:#f7f9fc;
  --text:#0b2545;
  --muted:#6b7280;
  --maxw:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:var(--maxw);margin:0 auto;padding:20px}
.site-header{background:linear-gradient(90deg,var(--primary),var(--primary-700));color:white;padding:18px}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin:0 auto}
.logo-area{display:flex;align-items:center;gap:14px}
.logo{height:56px;width:auto;border-radius:6px}
.lema{font-weight:700;font-size:1.05rem}
.idiomas button{background:white;border:none;padding:6px 8px;margin-left:6px;border-radius:6px;cursor:pointer;font-weight:600}
.nav-bar{background:var(--primary-700);font-size:0.92rem;padding:8px 0}
.nav-inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.nav-inner a{color:white;text-decoration:none;padding:6px 10px;border-radius:6px}
.nav-inner a:hover{background:rgba(255,255,255,0.08)}
.main{display:grid;grid-template-columns:1fr;gap:24px;max-width:var(--maxw);margin:24px auto;padding:0 20px}
.card{background:white;padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(11,37,69,0.06)}
h1{margin-top:0;color:var(--primary-700)}
h2{color:var(--primary)}
ul{margin-left:1.1rem}
.footer{background:var(--primary-700);color:white;padding:8px 0;font-size:0.82rem}
.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.footer a{color:white;text-decoration:none;margin-left:8px}
.small{font-size:0.95rem;color:var(--muted)}
@media(min-width:800px){
  .main{grid-template-columns: 1fr 320px}
  .aside{position:sticky;top:20px;height:max-content}
}
/* very small footer text */
.footer .legal{font-size:0.78rem;opacity:0.95}