.zam-home-countdown-wrap{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:20;
   overflow:hidden;
}
.zam-home-hero{
    position:relative;
    overflow:hidden;
}
/* ==========================================================================
   CAPA OSCURA
   ========================================================================== */

.zam-home-countdown-wrap::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:10;
   pointer-events:none;
    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,.42),
        rgba(0,0,0,.58)
    );
    opacity:var(--overlay-opacity,1);
}

/* ==========================================================================
   COUNTDOWN ENCIMA
   ========================================================================== */

.zam-home-countdown-wrap
.zam-home-countdown{
    position:relative;
    z-index:2;
}


/* ==========================================================================
   WRAPPER GENERAL
   ========================================================================== */

.zam-home-spacer{
    position:relative;
    height:600px;
}

.zam-home-reveal{
    position:relative;
}

/* ==========================================================================
   HERO FIJO
   ========================================================================== */

.zam-home-sticky{
    position:fixed;
    inset:0;
    z-index:1;
    background:#111;
}

/* ==========================================================================
   CARTELERA
   ========================================================================== */

.zam-cartelera{
    position:relative;
    z-index:20;
    overflow:hidden;
}

/* ========================================================================== HEADER STICKY CUSTOM ========================================================================== */
#main-header{ position:fixed; top:0; left:0; right:0; z-index:9999; transition: background .3s ease; }

/* ========================================================================== 
   MÓVIL: EL HERO DEJA DE SER FIJO
   Evita el espacio vacío entre la cuenta regresiva y la cartelera.
========================================================================== */
@media(max-width:767px){
    .zam-home-spacer{
        height:auto;
    }

    .zam-home-sticky{
        position:relative;
        inset:auto;
    }
}