/*
|--------------------------------------------------------------------------
| Estilos individuales provenientes del administrador
|--------------------------------------------------------------------------
*/

.hero-slide__text {
    text-align: var(--slide-text-align, center);
}

.hero-slide__text h1 {
    color: var(--slide-title-color, #ffffff);
    font-size: var(--slide-title-size, 46px);
    text-shadow: var(
        --slide-title-shadow,
        2px 2px 8px rgba(0, 0, 0, 0.65)
    );
}

/*
 * Mantiene el tamaño administrado, pero evita que un título
 * demasiado grande se desborde en teléfonos.
 */
@media (max-width: 768px) {
    .hero-slide__text h1 {
        font-size: min(
            var(--slide-title-size, 46px),
            36px
        );
    }
}

@media (max-width: 480px) {
    .hero-slide__text h1 {
        font-size: min(
            var(--slide-title-size, 46px),
            30px
        );
    }
}