.elementor-175 .elementor-element.elementor-element-7d9d926{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-6ca7ebc *//* =========================================
   CINEMA HEADER ULTRA PREMIUM
========================================= */


/* =========================================
   FIX HEADER
========================================= */

.cinema-header-fixed{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:999999;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.88),
            rgba(0,0,0,.55)
        );

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    border-bottom:
        1px solid rgba(255,255,255,.05);

    overflow:visible;
}


/* CINEMATIC LIGHT */

.cinema-header-fixed::before{

    content:'';

    position:absolute;

    top:-120px;
    left:50%;

    transform:translateX(-50%);

    width:700px;
    height:260px;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.12),
            transparent 70%
        );

    pointer-events:none;
}


/* BLUR */

.cinema-header-blur{

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.02),
            rgba(255,255,255,0)
        );

    pointer-events:none;
}


/* =========================================
   CONTAINER
========================================= */

.cinema-header-container{

    position:relative;

    max-width:1600px;

    margin:auto;

    height:92px;

    padding:0 60px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    z-index:2;
}


/* =========================================
   LOGO
========================================= */

.cinema-logo{

    display:flex;
    align-items:center;

    flex-shrink:0;
}


.cinema-logo img{

    height:56px;
    width:auto;

    display:block;

    filter:
        drop-shadow(
            0 0 20px
            rgba(255,255,255,.06)
        );

    transition:
        transform .4s ease,
        opacity .4s ease;
}


.cinema-logo:hover img{

    transform:scale(1.03);

    opacity:.95;
}


/* =========================================
   NAV
========================================= */

.cinema-nav{

    display:flex;
    align-items:center;

    /*
     * Reducido un poco para que
     * entre SUGERENCIAS sin apretar
     * el botón de WhatsApp.
     */

    gap:32px;

    margin-left:auto;
    margin-right:38px;
}


/* LINKS */

.cinema-nav a{

    position:relative;

    color:#bfbfbf;

    text-decoration:none;

    font-size:12px;
    font-weight:800;

    letter-spacing:1.8px;

    text-transform:uppercase;

    white-space:nowrap;

    transition:
        color .35s ease,
        opacity .35s ease;
}


/* GOLD LINE */

.cinema-nav a::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-12px;

    width:0;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d4af37,
            #e5ca70
        );

    box-shadow:
        0 0 12px
        rgba(212,175,55,.20);

    transition:
        width .35s ease;
}


/* HOVER */

.cinema-nav a:hover{

    color:#fff;
}


/* ACTIVE */

.cinema-nav a:hover::after,
.cinema-nav a.active::after{

    width:100%;
}


.cinema-nav a.active{

    color:#fff;
}


/* =========================================
   WHATSAPP BUTTON
========================================= */

.cinema-whatsapp-btn{

    position:relative;

    height:50px;

    padding:0 26px;

    flex-shrink:0;

    border-radius:999px;

    overflow:hidden;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #b8923f,
            #e0c46f
        );

    color:#000 !important;

    text-decoration:none !important;

    font-size:11px;
    font-weight:900;

    letter-spacing:1.5px;

    text-transform:uppercase;

    white-space:nowrap;

    box-shadow:
        0 14px 35px
        rgba(212,175,55,.18);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;
}


/* SHINE */

.cinema-whatsapp-btn::before{

    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:100%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.35),
            transparent
        );

    transition:left .7s ease;
}


.cinema-whatsapp-btn:hover::before{

    left:120%;
}


/* HOVER */

.cinema-whatsapp-btn:hover{

    transform:
        translateY(-2px);

    filter:
        brightness(1.04);

    box-shadow:
        0 20px 50px
        rgba(212,175,55,.28);
}


/* =========================================
   MOBILE TOGGLE
========================================= */

.cinema-mobile-toggle{

    display:none;

    width:48px;
    height:48px;

    border:none;
    outline:none;

    background:
        rgba(255,255,255,.04);

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:14px;

    padding:0;

    cursor:pointer;

    transition:
        background .35s ease,
        border-color .35s ease;
}


.cinema-mobile-toggle:hover{

    background:
        rgba(255,255,255,.08);

    border-color:
        rgba(212,175,55,.25);
}


/* LINES */

.cinema-mobile-toggle span{

    display:block;

    width:22px;
    height:2px;

    margin:5px auto;

    border-radius:999px;

    background:#fff;

    transition:all .35s ease;
}


/* ACTIVE ANIMATION */

.cinema-mobile-toggle.active
span:nth-child(1){

    transform:
        translateY(7px)
        rotate(45deg);
}


.cinema-mobile-toggle.active
span:nth-child(2){

    opacity:0;
}


.cinema-mobile-toggle.active
span:nth-child(3){

    transform:
        translateY(-7px)
        rotate(-45deg);
}


/* =========================================
   MOBILE MENU
========================================= */

.cinema-mobile-menu{

    position:absolute;

    top:100%;
    left:0;

    width:100%;

    background:
        rgba(5,5,5,.98);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    border-bottom:
        1px solid
        rgba(255,255,255,.05);

    padding:25px;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(-10px);

    transition:
        opacity .35s ease,
        visibility .35s ease,
        transform .35s ease;
}


/* ACTIVE */

.cinema-mobile-menu.active{

    opacity:1;

    visibility:visible;

    transform:
        translateY(0);
}


/* MOBILE NAV */

.cinema-mobile-nav{

    display:flex;

    flex-direction:column;

    gap:11px;
}


/* MOBILE LINKS */

.cinema-mobile-nav a{

    position:relative;

    color:#fff;

    text-decoration:none;

    font-size:13px;
    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    padding:
        15px
        18px;

    border-radius:14px;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid
        rgba(255,255,255,.04);

    transition:all .35s ease;
}


/* HOVER */

.cinema-mobile-nav a:hover{

    background:
        rgba(255,255,255,.06);

    border-color:
        rgba(212,175,55,.18);

    transform:
        translateX(6px);
}


/* =========================================
   MOBILE ACTIVE
========================================= */

.cinema-mobile-nav a.active{

    color:#e3c564;

    background:
        rgba(212,175,55,.075);

    border-color:
        rgba(212,175,55,.19);
}


.cinema-mobile-nav a.active::before{

    content:'';

    position:absolute;

    left:0;

    top:50%;

    width:3px;
    height:21px;

    border-radius:
        0 10px 10px 0;

    transform:
        translateY(-50%);

    background:#d4af37;
}


/* =========================================
   COMMUNITY BUTTON
========================================= */

.mobile-community-btn{

    margin-top:5px;

    background:
        linear-gradient(
            135deg,
            #b8923f,
            #e0c46f
        ) !important;

    color:#000 !important;

    border:none !important;
}


.mobile-community-btn::before{

    display:none !important;
}


/* =========================================
   BODY SPACING
========================================= */

body{

    padding-top:92px;
}


/* =========================================
   RESPONSIVE INTERMEDIO
========================================= */

@media(max-width:1250px){

    .cinema-header-container{

        padding:
            0
            35px;
    }


    .cinema-nav{

        gap:23px;

        margin-right:25px;
    }


    .cinema-nav a{

        font-size:11px;

        letter-spacing:1.3px;
    }


    .cinema-whatsapp-btn{

        padding:
            0
            21px;

        font-size:10px;
    }

}


/* =========================================
   MOBILE / TABLET
========================================= */

@media(max-width:980px){

    .cinema-header-container{

        height:78px;

        padding:
            0
            20px;
    }


    .cinema-logo img{

        height:46px;
    }


    .cinema-nav,
    .cinema-whatsapp-btn{

        display:none;
    }


    .cinema-mobile-toggle{

        display:block;
    }


    body{

        padding-top:78px;
    }

}/* End custom CSS */