/* ============================================================
   CGAP · Responsive compartido (navbar mobile + footer)
   ============================================================ */
@media(max-width:1600px){
  .navbar .wrap{gap:1.4rem}
  .nav-links,.navbar.scrolled .nav-links{font-size:1rem;gap:.15rem}
  .nav-links a{padding:.45rem .8rem}
  .navbar .btn,.navbar.scrolled .btn{font-size:1rem;padding:.6rem 1.2rem}
}
@media(max-width:1300px){
  .navbar .wrap{gap:1rem}
  .nav-links,.navbar.scrolled .nav-links{font-size:.85rem;gap:0}
  .nav-links a{padding:.4rem .55rem}
  .navbar .btn,.navbar.scrolled .btn{font-size:.85rem;padding:.5rem .9rem}
}
@media(max-width:980px){
  .nav-links{display:none}
  .burger{display:grid;place-items:center}
  .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;transform:none;flex-direction:column;background:var(--cream);border-bottom:1px solid var(--line);padding:1.2rem 24px;gap:1rem;z-index:49}
}
@media(max-width:760px){
  footer .wrap{grid-template-columns:1fr}
}
@media(max-width:560px){
  /* En pantallas chicas el logo pierde su margen izquierdo (pegado al
     borde) para liberar espacio, y "Turnos" se achica más que el resto
     de los botones del navbar, así entran los 2 botones + el menú. */
  .navbar .wrap{padding:0 20px;gap:.5rem}
  .logo{margin-left:0}
  .nav-cta-wa,.navbar.scrolled .nav-cta-wa{font-size:.72rem;padding:.35rem .55rem}
  .nav-cta,.navbar.scrolled .nav-cta{font-size:.72rem;padding:.35rem .6rem;margin-left:.3rem}
  .foot-cols{grid-template-columns:1fr;gap:28px}
}
@media(max-width:460px){
  /* Pantallas muy chicas (hasta 320px): el logo se achica y "Portal de
     Pacientes" vuelve a vivir solo dentro del menú hamburguesa para que
     "Turnos" (más chico todavía) y el menú entren siempre en la barra. */
  .navbar .wrap{padding:0 28px 0 16px;gap:.4rem}
  .logo img,.navbar.scrolled .logo img{height:52px}
  .nav-cta-wa,.navbar.scrolled .nav-cta-wa{font-size:.65rem;padding:.3rem .45rem}
  .nav-cta-wa svg{width:14px;height:14px}
  .nav-cta{display:none}
  .nav-links.open .nav-portal-m{display:inline-flex;align-items:center;justify-content:center;background:var(--magenta);color:#fff;padding:.75rem 1.3rem;border-radius:100px;margin-top:.4rem;box-shadow:var(--shadow-sm)}
  .nav-links.open .nav-portal-m::after{display:none}
  .nav-links.open .nav-portal-m:hover{color:#fff;background:var(--magenta-dark)}
}