/* ===== PENSAMIENTOS-HERO-BG ===== */

body .bg-breadcrumb {
    position: relative;

    background:
        linear-gradient(
            rgba(7, 24, 48, .62),
            rgba(7, 24, 48, .50)
        ),
        url("../../img/herida.webp")
        center center / cover
        no-repeat !important;

    min-height: clamp(
        300px,
        34vw,
        470px
    );

    display: flex;
    align-items: center;

    overflow: hidden;
}


/* Mantener el título y breadcrumb por encima */
body .bg-breadcrumb > .container {
    position: relative;
    z-index: 2;
}


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

    body .bg-breadcrumb {
        background-position:
            center 43% !important;
    }
}


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

    body .bg-breadcrumb {
        min-height: 340px;

        background-position:
            42% center !important;
    }
}


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

    body .bg-breadcrumb {
        min-height: 360px;

        /*
         * Favorece que el hombre permanezca visible
         * sin deformar la imagen.
         */
        background-position:
            32% center !important;
    }

    body .bg-breadcrumb h1 {
        font-size:
            clamp(
                2rem,
                9vw,
                2.7rem
            ) !important;

        line-height: 1.1;
    }
}

/* ===== END PENSAMIENTOS-HERO-BG ===== */