.hero-image {
    max-height: 20%;
    width: 100%;
    height: 400px;
}

/* También asegúrate de ocultar el texto anterior si aún existe */
.hero-title, .hero-subtitle {
    display: none !important;
}

.hero-header .overlay {
    width: 100%;
    height: 100%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Título dentro del header */
.hero-title {
    font-family: 'Dancing Script', cursive;
    font-size: 55px;
    margin: 0;
}

/* Elimina subtítulos y otros elementos si no los usarás */
.hero-subtitle,
.hero-text,
.hero-button {
    display: none !important;
}

/* Modo reducido por scroll (opcional si sigues usándolo) */
.hero-header.shrink {
    height: 70px;
}

.hero-header.shrink .hero-title {
    font-size: 20px;
}