/* =========================================================
   COSTA MODERNA V31
   TAMAÑOS CONFIGURABLES DE TEXTOS DEL SLIDE
   ========================================================= */

.modern-hero-slider
.modern-slide-copy
> .modern-kicker {
    font-size:
        var(
            --modern-slide-kicker-size,
            11px
        );
}


.modern-hero-slider
.modern-slide-copy
> h1 {
    font-size:
        var(
            --modern-slide-title-desktop-size,
            82px
        );

    /*
     * Ajustamos ligeramente el tracking según el tamaño para
     * mantener el aspecto premium del encabezado.
     */
    letter-spacing:
        -0.045em;
}


.modern-hero-slider
.modern-slide-copy
> p {
    font-size:
        var(
            --modern-slide-subtitle-size,
            17px
        );
}


.modern-hero-slider
.modern-slide-copy
.modern-primary-button,

.modern-hero-slider
.modern-slide-copy
.modern-light-button,

.modern-hero-slider
.modern-slide-copy
.modern-outline-button {
    font-size:
        var(
            --modern-slide-button-size,
            12px
        );
}


@media (
    max-width:
    680px
) {
    .modern-hero-slider
    .modern-slide-copy
    > h1 {
        font-size:
            var(
                --modern-slide-title-mobile-size,
                46px
            );

        letter-spacing:
            -0.045em;
    }


    .modern-hero-slider
    .modern-slide-copy
    > p {
        /*
         * En móvil permitimos el valor configurado, pero evitamos
         * que sea exageradamente grande para una pantalla pequeña.
         */
        font-size:
            min(
                var(
                    --modern-slide-subtitle-size,
                    17px
                ),
                21px
            );
    }
}