/* -------------------------------------- */
/* BANNER DE PÁGINA (AZUL) */
/* -------------------------------------- */

.header-banner {
    width: 100%;
    /* Altura definida: puedes ajustarla */
    height: 250px; 
    
    /* Usamos el azul principal */
    background-color: #19477B;
    
    /* Aseguramos que esté debajo de la barra de navegación fija */
    margin-top: 120px; 
    
    /* Propiedades para centrar el contenido (si se añade texto) */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Estilos para el texto del banner */
.banner-content {
    /* Contenedor para el texto */
    max-width: 620px; /* ANCHO AJUSTADO */
    text-align: center;
    padding: 0 20px;
    color: #FFFFFF; /* Texto siempre en blanco para contraste */
}

.banner-title {
    /* Título principal: Bold (700) */
    font-family: 'Inter', sans-serif;
    font-weight: 700; 
    font-size: 2.5em; /* Tamaño grande */
    margin-bottom: 10px;
}

.banner-description {
    /* Cuerpo de texto: Regular (400) */
    font-family: 'Inter', sans-serif;
    font-weight: 400; 
    font-size: 1.0em; /* TAMAÑO AJUSTADO */
    opacity: 0.9; /* Ligeramente más suave que el título */
    margin-bottom: 0;
}