/* Contenedor principal */
.sec--cabezal {
    position: relative;
    width: 100%;
    height: 240px;
    --parallax-range: max(60px, 30%);
    --parallax-offset: 0px;
    overflow: hidden;
    /* Centrado vertical y horizontal */
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 0 30px;
}

/* El desplegable del buscador debe poder sobresalir del cabezal y quedar
   por encima del contenido que lo sigue. */
.sec--cabezal-buscador {
    overflow: visible;
    z-index: 2;
}

.sec--cabezal:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
    width: 100%;
    height: 100%;
}

    .sec--cabezal > h1,
    .sec--cabezal > h2 {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 800 !important;
        z-index: 900;
        position: relative;
        color: var(--color-blanco) !important;

        z-index: 10;
    }

    .sec--cabezal img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }

    .sec--cabezal img.hero-img--top {
        object-position: center top;
    }



/* Form en cabezal */
.sec--cabezal .hero-search {
    position: relative;
    z-index: 800;
}



@media (max-width: 960px) {

  .sec--cabezal {
    height: 200px;
  }



}



@media (max-width: 500px) {

  .sec--cabezal {
    height: 180px;
  }



}