/* Estilos específicos para la sección Hero — Optimización de tamaño */
.hero-title {
    font-size: clamp(2rem, 5.5vw, 4.2rem) !important; /* Reducido para evitar el wrap a 4 líneas */
    line-height: 0.95;
    margin-bottom: 25px;
}

/* Fuerza cada fragmento de texto a su propia línea sin romperse */
.title-line {
    display: block;
    margin-bottom: 0.1em;
    white-space: nowrap; 
}

.hero-subtitle {
    font-size: clamp(0.95rem, 2vw, 1.1rem) !important;
    max-width: 450px;
    margin: 0 auto 35px;
}

.hero-cta {
    padding: 16px 40px !important;
    font-size: 0.85rem !important;
}

/* Responsividad mejorada */
@media (max-width: 768px) {
    .hero-title {
        font-size: clamp(1.8rem, 7.5vw, 3.2rem) !important;
    }
    .hero-subtitle {
        font-size: 1rem !important;
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: clamp(1.6rem, 10vw, 2.5rem) !important;
    }
}