/* ENDOLIFTER — v27 hero-spacing.css
 * Reduce el espacio entre el menú superior fijo y el comienzo del hero.
 * Antes: padding-top 120px (≈40px de hueco extra sobre la altura del header).
 * Ahora: padding-top 88px (justo lo que mide el header fijo + 8px de aire).
 */

.hero {
    padding-top: 88px !important;
    padding-bottom: 56px !important;
}

/* En pantallas estrechas el header se reduce ligeramente */
@media (max-width: 768px) {
    .hero {
        padding-top: 76px !important;
        padding-bottom: 48px !important;
    }
}

/* En pantallas con poca altura ajustamos aún más para no perder visibilidad del hero completo */
@media (max-height: 720px) {
    .hero {
        padding-top: 72px !important;
        padding-bottom: 56px !important;
    }
}

/* Si el header tiene la clase .scrolled (sticky reducido) el hueco queda perfecto.
   El min-height del hero se mantiene desde v19-hero-layout.css */