/* Ocultar menú (como indicaste) */
#menu-main_menu {
    display: none;
}

/* =========================
    Cabecera / Layout base
   ========================= */
.ganado-home-header {
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 3.5em;
    background-color: var(--footer-color);
}

.ganado-home-header>div.image-container {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: grid;
    place-content: center;
}

.ganado-home-header__stage {
    position: relative;
}

/* Imagen superior (absoluta arriba del todo) */
.ganado-home-header__topimage-wrap {
    /* position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    z-index: 2;
    pointer-events: none; */
    position: relative;
    pointer-events: none;
    margin-bottom: -19px;
    width: 100%;
    z-index: 2;
}

.ganado-home-header__topimage-wrap.bg-image {
    position: relative;
    pointer-events: none;
    margin-top: -19px;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    height: 136px;
}

.ganado-home-header__topimage {
    display: block;
    width: 100%;
    height: auto;
}

/* Logo centrado arriba y absoluto por encima de la imagen superior */
.ganado-home-header__logo-wrap {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ganado-home-header__logo {
    max-width: 292px;
    height: auto;
}

/* =========================
    Slick / Slides
   ========================= */
.ganado-slick {
    position: relative;
    z-index: 1;
}

/* Por defecto oculto; los media al final decidirán cuál mostrar */
.ganado-slick {
    display: none;
}

.ganado-slick__slide {
    position: relative;
}

/* ancla para captions absolutos */
.ganado-slick__slide img {
    width: 100%;
    height: auto;
    display: block;
    background-color: var(--footer-color);
}

/* Texto por slide (absoluto y centrado) */
.ganado-slick__caption {
    position: absolute !important;
    /* left: 50% !important; */
    top: 50% !important;
    /* transform: translate(-50%, -50%) !important; */
    /* transform: translate(-50%, 0%) !important; */
    z-index: 4 !important;
    text-align: center;
    line-height: 1.25;
    padding: 0 1rem;
    font-size: 30px;
    pointer-events: none;
    font-family: "Gotham Light", sans-serif;
    font-weight: 300;
    text-align: center;
    display: grid;
    place-content: center;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.ganado-slick_text {
    text-shadow: 0 1px 0 var(--white), 1px 0 0 var(--white), -1px 0 0 var(--white),
        0 -1px 0 var(--white), 1px 1px 0 var(--white), -1px 1px 0 var(--white),
        1px -1px 0 var(--white), -1px -1px 0 var(--white),
        0 0 8px rgba(255, 255, 255, 0.85);
    -webkit-text-stroke: 0 transparent;
    max-width: 980px;
}

.ganado-home-header__stage.page {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}

.ganado-home-header__stage.page .ganado-home-header__logo {
    max-width: 210px;
}

.header-img.bg-image {
    height: 500px;
    max-width: 1920px;
    width: 100%;
}

.wave.bg-image.banda_amarilla_tienda,
.wave.bg-image.banda_amarilla {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 79px;
    position: absolute;
    bottom: -1px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
}

.wave.bg-image.banda_amarilla_tienda h1, .wave.bg-image.banda_amarilla h1 {
    margin: 0;
}

.header.text-container {
    background-color: var(--footer-color);
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    margin-top: -1px;
    padding: 1em 15px 0;
}

.header.text-container .content {
    max-width: 970px;
    font-size: 18px;
    font-weight: 500;
}

.header.text-container .content p {
    margin: 0;
}

.wave.bg-image.ola_blanca_2 {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    height: 58px;
}

/* Padre absoluto, arriba-derecha y por encima de todo */
.header-menu-wrap {
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 10000;
    width: 100%;
}

.menu-toggle {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 10002;
    /* por encima del overlay */
    line-height: 0;
    border-radius: 0px;
    padding-right: 15px;
}
.header-items-container{
    position: relative;
    max-width: 1280px;
    margin: auto;
    height: 100%;
    /* border: 1px solid; */

}
.menu-toggle img {
    display: block;
    width: 27px;
    height: 23px;
}

/* Overlay del menú: oculto por defecto */
.menu-overlay {
    position: fixed;
    inset: 0;
    display: none;
    /* clave: no visible hasta .is-open */
    align-items: center;
    justify-content: center;
    background: rgba(216, 147, 0, 0.92);
    z-index: 10001;
}

.menu-overlay.is-open {
    display: flex;
}

.menu-toggle.is-open {
    filter: invert(1);
}

.menu-toggle.is-open img {
    filter: brightness(.25);
}
/* Ornamento superior absoluto */
.menu-ornament {
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-49%);
    width: 215px;
    height: auto;
    pointer-events: none;
    filter: invert(1);
}

.menu-primary {
    position: relative;
    z-index: 10003;
}

.menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 28px;
    line-height: 2.2;
}

.menu-list a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

.no-scroll {
    overflow: hidden;
}

@media screen and (max-width: 1440px) {
    .ganado-home-header__logo {
        max-width: 220px;
    }
}

@media screen and (max-width: 1080px) {
    .ganado-home-header__logo {
        max-width: 195px;
    }
}

@media screen and (max-width: 1050px) {
    .ganado-slick_text {
        max-width: 320px;
    }

    .ganado-slick__caption {
        top: 40% !important;
    }
}

@media screen and (max-width: 700px) {
    .ganado-slick__caption {
        top: 50% !important;
    }

    .ganado-slick--desktop {
        display: none !important;
    }

    .ganado-slick--mobile {
        display: block !important;
    }

    .ganado-home-header {
        padding: 0 0 1.5em;
    }
}

@media screen and (min-width: 701px) {
    .ganado-slick--desktop {
        display: block !important;
    }

    .ganado-slick--mobile {
        display: none !important;
    }
}