/* 
    Estilos para reducir el espacio en los encabezados de página
    Este CSS reduce el padding de las secciones de encabezado en páginas específicas
*/

/* Reducción general para todas las secciones de encabezado */
.page-header {
    padding: 30px 0 !important; /* Reducido desde 80px (valor por defecto de section) */
}

/* Mejoras de diseño para la página de header */
.page-header h1 {
    margin-bottom: 10px; /* Reducido desde 20px */
}

.page-header .breadcrumb {
    margin-bottom: 0; /* Elimina el margen inferior */
}

/* Estilos específicos para cada página */
body.page-servicios .page-header,
body.page-reserva-hora .page-header,
body.page-contacto .page-header,
body.page-login .page-header {
    padding: 25px 0 !important; /* Aún más compacto para estas páginas específicas */
}

/* Mejora para móviles */
@media (max-width: 767px) {
    .page-header {
        padding: 20px 0 !important;
    }
    
    .page-header h1 {
        font-size: 24px;
        margin-bottom: 5px;
    }
}