/* ===========================================================
   ESTILOS COMPARTIDOS — Web David Landeo (PSI Madrid)
   Menú superior + pie + tokens de marca. Se enlaza en todas las páginas.
   =========================================================== */
:root{
  --tinta:#0f1d28; --acento:#0e7c66; --acento2:#0b6353; --oro:#c8a24a;
  --suave:#f4f7f6; --linea:#e3eae8; --gris:#64757f; --blanco:#fff;
  --nav-h:62px;
}
*{box-sizing:border-box;}
body{padding-top:var(--nav-h);}

/* ---------- MENÚ SUPERIOR ---------- */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:3000;
  background:rgba(255,255,255,.97);backdrop-filter:saturate(160%) blur(6px);
  border-bottom:1px solid var(--linea);box-shadow:0 2px 18px rgba(15,29,40,.06);
  display:flex;align-items:center;justify-content:space-between;padding:0 22px;
  font-family:'Segoe UI',-apple-system,Roboto,Helvetica,Arial,sans-serif;}
.nav .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--tinta);}
.nav .brand .logo{width:38px;height:38px;border-radius:50%;background:var(--acento);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;}
.nav .brand .brand-txt{display:flex;flex-direction:column;line-height:1.15;}
.nav .brand .brand-txt b{font-size:15px;}
.nav .brand .brand-txt small{font-size:10.5px;color:var(--gris);letter-spacing:.2px;}
.nav .links{display:flex;align-items:center;gap:6px;}
.nav .links a{text-decoration:none;color:var(--tinta);font-size:14px;font-weight:600;
  padding:9px 14px;border-radius:9px;transition:.15s;}
.nav .links a:hover{background:var(--suave);color:var(--acento);}
.nav .links a.activo{color:var(--acento);}
.nav .links a.btn-nav{background:var(--acento);color:#fff;}
.nav .links a.btn-nav:hover{background:var(--acento2);color:#fff;}

/* ---------- PÁGINA MAPA (sin padding superior; el mapa va a pantalla completa bajo el menú) ---------- */
body.mapa{padding-top:0;overflow:hidden;}

/* ---------- PIE COMÚN ---------- */
.site-footer{background:var(--tinta);color:#aebfc7;text-align:center;padding:30px 20px;
  font-family:'Segoe UI',-apple-system,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.9;}
.site-footer b{color:#fff;}
.site-footer .legal{font-size:10.5px;color:#5f747f;max-width:700px;margin:14px auto 0;line-height:1.5;}

/* ---------- BOTONES REUTILIZABLES ---------- */
.btn{display:inline-block;text-decoration:none;border:none;border-radius:11px;padding:15px 26px;
  font-size:15.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;}
.btn-primario{background:var(--acento);color:#fff;}
.btn-primario:hover{background:var(--acento2);}
.btn-fantasma{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
.btn-fantasma:hover{border-color:#fff;background:rgba(255,255,255,.1);}

@media(max-width:620px){
  .nav{padding:0 14px;}
  .nav .brand .brand-txt small{display:none;}
  .nav .links a{padding:8px 9px;font-size:13px;}
  .nav .links{gap:2px;}
}