/* Ajustes solicitados por Pablo Portillo — encabezado 2.1 */
/* Mantener estética editorial, mejorar legibilidad y presencia de marca. */
@media (min-width: 1391px) {
  .site-header { padding-inline: clamp(24px, 2.85vw, 52px); gap: clamp(11px, 1.1vw, 19px); }
  .brand { width: clamp(298px, 23.2vw, 348px); }
  .desktop-nav { gap: clamp(9px, .75vw, 15px); }
  .desktop-nav a { font-size: 11.5px; font-weight: 900; letter-spacing: .65px; line-height: 1.3; }
  .header-cta { font-size: 11.5px; font-weight: 900; letter-spacing: .85px; padding: 13px 14px; }
}
/* A medio ancho, priorizamos que no se encimen las siete pestañas. */
@media (min-width: 1221px) and (max-width: 1390px) {
  .brand { width: clamp(260px, 23vw, 315px); }
  .desktop-nav { gap: clamp(9px, .8vw, 13px); }
  .desktop-nav a { font-size: 11px; font-weight: 900; letter-spacing: .35px; line-height: 1.3; }
}
@media (max-width: 1220px) and (min-width: 641px) {
  .brand { width: clamp(255px, 29vw, 338px); }
}
@media (max-width: 640px) {
  .brand { width: clamp(220px, 64vw, 282px); }
  .mobile-nav a { font-weight: 950; }
}
@media (max-width: 360px) {
  .brand { width: 203px; }
}

/* Acceso desde la portada directo al reproductor integrado. */
#spotify-player { scroll-margin-top: clamp(90px, 12vh, 145px); }
@media (max-width: 640px) { #spotify-player { scroll-margin-top: 89px; } }

/* Llamada a la acción para contrataciones, visible desde la portada. */
#contrataciones { scroll-margin-top: clamp(88px, 10vh, 116px); }
.hero-actions .btn-booking { border-color: rgba(255,255,255,.96); font-weight: 950; }
.hero-actions .btn-booking:hover, .hero-actions .btn-booking:focus-visible { border-color: var(--red); background: var(--red); color: #080809; }
.hero-actions .btn-booking:focus-visible { outline: 3px solid white; outline-offset: 4px; }