/* Portada completa con construir-pareja.webp */

.parejas-hero-fondo {
    position: relative !important;

    background:
        linear-gradient(
            90deg,
            rgba(4, 14, 35, .88) 0%,
            rgba(4, 14, 35, .75) 42%,
            rgba(4, 14, 35, .42) 72%,
            rgba(4, 14, 35, .30) 100%
        ),
        url("../../img/construir-pareja.webp")
        center center / cover
        no-repeat !important;

    min-height: clamp(
        500px,
        48vw,
        700px
    );

    overflow: hidden !important;
}


/* Todo el contenido por encima del fondo */
.parejas-hero-fondo > * {
    position: relative;
    z-index: 2;
}


/*
 * Ocultar la fotografía lateral anterior si el hero
 * todavía contiene una imagen.
 */
.parejas-hero-fondo img {
    display: none !important;
}


/* Mantener textos claros */
.parejas-hero-fondo h1,
.parejas-hero-fondo h2,
.parejas-hero-fondo h3 {
    color: #ffffff !important;
}

.parejas-hero-fondo p {
    color: rgba(
        255,
        255,
        255,
        .88
    ) !important;
}


/* PC */
@media (min-width: 1200px) {

    .parejas-hero-fondo {
        background-position:
            center 45% !important;
    }
}


/* Tablet */
@media (max-width: 991.98px) {

    .parejas-hero-fondo {
        min-height: 520px;

        background:
            linear-gradient(
                rgba(4, 14, 35, .65),
                rgba(4, 14, 35, .65)
            ),
            url("../../img/construir-pareja.webp")
            center center / cover
            no-repeat !important;
    }
}


/* Móvil */
@media (max-width: 575.98px) {

    .parejas-hero-fondo {
        min-height: 540px;

        background:
            linear-gradient(
                rgba(4, 14, 35, .68),
                rgba(4, 14, 35, .68)
            ),
            url("../../img/construir-pareja.webp")
            50% center / cover
            no-repeat !important;
    }
}