/**
 * Banner principal de la portada (index.php, body.landing-context).
 * Reglas para .banner-part, .banner-hero-img, título del hero y búsqueda.
 */

.banner-part {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 280px;
    margin-top: 117px;
    display: grid;
    place-items: center;
}

body.landing-context .banner-part {
    margin-top: 84px !important;
    min-height: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    height: auto !important;
    display: block !important;
}

@media (min-width: 992px) {
    body.landing-context .banner-part {
        margin-top: 132px !important;
        padding-top: 88px;
    }
}

@media (max-width: 768px) {
    body.landing-context .banner-part {
        padding-top: 92px;
        background-position: left;
    }
}

body.landing-context .banner-hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 26%;
    z-index: 0;
    pointer-events: none;
}

.banner-part > .container {
    position: relative;
    z-index: 2;
}

body.landing-context .hero-banner-title {
    position: relative;
    z-index: 2;
}

body.landing-context .serach-iu {
    position: relative;
}