.elementor-97920 .elementor-element.elementor-element-2550062{--display:flex;--min-height:100vh;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97920 .elementor-element.elementor-element-2550062:not(.elementor-motion-effects-element-type-background), .elementor-97920 .elementor-element.elementor-element-2550062 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cpic.or.cr/wp-content/uploads/2026/05/Fondo-del-evento-1024x576.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-97920 .elementor-element.elementor-element-260e081{--display:flex;}.elementor-97920 .elementor-element.elementor-element-260e081:not(.elementor-motion-effects-element-type-background), .elementor-97920 .elementor-element.elementor-element-260e081 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://cpic.or.cr/wp-content/uploads/2026/05/Cintillo-1-1024x184.png");background-position:center center;background-size:contain;}.elementor-97920 .elementor-element.elementor-element-14b2a64{text-align:center;}.elementor-97920 .elementor-element.elementor-element-14b2a64 img{width:250px;}.elementor-97920 .elementor-element.elementor-element-a0be335 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-97920 .elementor-element.elementor-element-a0be335 img{width:300px;}.elementor-97920 .elementor-element.elementor-element-7bb09e0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-97920 .elementor-element.elementor-element-7bb09e0.elementor-element{--align-self:center;}.elementor-97920 .elementor-element.elementor-element-45d36b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-97920 .elementor-element.elementor-element-45d36b8:not(.elementor-motion-effects-element-type-background), .elementor-97920 .elementor-element.elementor-element-45d36b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#980E0D9C;}.elementor-97920 .elementor-element.elementor-element-6c48279 img{width:200px;}.elementor-97920 .elementor-element.elementor-element-6c99df3 img{width:500px;}.elementor-97920 .elementor-element.elementor-element-e85c6e2{z-index:1;}.elementor-97920 .elementor-element.elementor-element-e85c6e2 img{width:200px;}.elementor-97920 .elementor-element.elementor-element-d3f39ff{--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;}@media(min-width:1800px){.elementor-97920 .elementor-element.elementor-element-14b2a64 img{width:300px;}.elementor-97920 .elementor-element.elementor-element-45d36b8{--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-97920 .elementor-element.elementor-element-2550062{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-97920 .elementor-element.elementor-element-14b2a64 img{width:200px;}.elementor-97920 .elementor-element.elementor-element-a0be335 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-97920 .elementor-element.elementor-element-a0be335 img{width:180px;}.elementor-97920 .elementor-element.elementor-element-45d36b8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-97920 .elementor-element.elementor-element-6c48279 img{width:140px;}.elementor-97920 .elementor-element.elementor-element-6c99df3 img{width:400px;}.elementor-97920 .elementor-element.elementor-element-e85c6e2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-97920 .elementor-element.elementor-element-e85c6e2 img{width:95px;}}/* Start custom CSS for html, class: .elementor-element-aecb618 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#000;
    color:white;
}


/* Viewer */

#panorama{
     position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    overflow:hidden !important;
}

/* Intro */

.cineIntro{
    position:fixed;
    inset:0;
    z-index:999;
    display:flex;
    align-items:center;
    transition:.8s;
    width:100vw;
    height:100vh;
    left:0;
    top:0;
}

.cineIntro.hidden{
    opacity:0;
    pointer-events:none;
}

.cineIntroContent{
    text-align:center;
    padding:40px;
}

.cineIntro h1{
    font-size:4rem;
    margin-bottom:20px;
    text-transform:uppercase;
    letter-spacing:4px;
    font-family:'Poppins',sans-serif;
}


.cineBtn{
    padding:16px 38px;
    border:none;
    border-radius:60px;
    background:#e50914;
    color:white;
    font-size: 19px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cineBtn:hover{
    transform:scale(1.05);
    background:#e50914 !important;
}

.cineBtn [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background: #980E0D !important;
}

.contenedorbotonesPelicula{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    margin-top:25px;
}

.contenedorbotonesPelicula2{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.cineBtn2 {
    padding:16px 38px;
    border:none;
    border-radius:60px;
    background:#e50914;
    color:white;
    font-size: 19px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cineFloatBtn{
    position:fixed;
    right:30px;
    bottom:30px;
    z-index:9999;
    border:none;
    border-radius:60px;
    background:#e50914;
    color:#fff;
    padding:16px 28px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    transition:.3s;
}

.cineFloatBtn:hover{
    transform:scale(1.05);
    background:#980E0D;
}


.contenedorFechasPelicula{
    width:100%;
    margin-top:20px;
}

/* Modal */

.cineModal{
    position:fixed;
    inset:0;
    background: rgba(255,255,255,.55);
backdrop-filter: blur(10px);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:9999;
    padding:30px;
    border: 2px solid #F6B601;
}

.cineModal.active{
    display:flex;
}

.cineMapsGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:20px;
}

.cineMapsGrid iframe{
    width:100%;
    border-radius:18px;
}

.cineModalBox{
    width:100%;
    max-width:850px;
    max-height:90vh;
    overflow:auto;
    background:#065CAE;
    border:1px solid rgba(255,255,255,.1);
    border-radius:25px;
    padding:40px;
    position:relative;
    animation:modalIn .4s ease;
}

@keyframes modalIn{
    from{
        transform:translateY(40px);
        opacity:0;
    }
    to{
        transform:translateY(0);
        opacity:1;
    }
}

.cineClose{
    position:absolute;
    right:20px;
    top:20px;
    width:38px;
    height:38px;
    padding:0;
    border-radius:50%;
    border:none;
    color:white;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    background:#DA0C13;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cineClose:hover{
    background: none;
}

.cineModal h2{
    font-size:2rem;
    margin-bottom:25px;
    font-family:'Poppins',sans-serif;
    color: white;
    letter-spacing: 0.5px;
}

.cineModal p{
    line-height:1.8;
    opacity:.9;
    font-family:'Poppins',sans-serif;
    color: white;
}

/* Agenda */

.cineAgenda{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.cineAgendaItem{
    display:flex;
    justify-content:space-between;
    padding:18px 20px;
    background:#1d1d1d;
    border-radius:16px;
}

.cineAgendaItem span:first-child{
    color:#ff4040;
    font-weight:600;
}

/* Countdown */

.cineCountdown{
    position:fixed;
    bottom:30px;
    left:30px;
    z-index:9999;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.1);
    padding:16px 30px;
    border-radius:60px;
    font-weight:600;
    letter-spacing:1px;
    pointer-events:none;
}

.cineHelp{
 position:absolute;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    width:90%;
    max-width:1200px;
    z-index:999;
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(8px);
    color:#fff;
    padding:14px 20px;
    text-align:center;
    font-size:14px;
    font-weight:500;
    border:1px solid rgba(255,255,255,.15);
    border-radius:40px;
    pointer-events:none;
}

/* Form */

.cineForm{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* Trailer */

.cineVideo{
    width:100%;
    aspect-ratio:16/9;
    border:none;
    border-radius:18px;
}

/* Contact */

.cineContact{
    display:flex;
    flex-direction:column;
}

.cineContact a{
    color:white;
    text-decoration:none;
    padding:16px 20px;
    transition:.3s;
}

.cineContact a:hover{
    color: white;
}

/* FIX ELEMENTOR FULL WIDTH */

html,
body{
    width:100%;
    overflow-x:hidden !important;
}

/* Contenedor Elementor */

.elementor-section,
.elementor-container,
.elementor-widget,
.elementor-widget-container{
    max-width:100% !important;
}

/* Wrapper del panorama */

#panorama,
.pannellum-container{
    width:100% !important;
    max-width:100% !important;
}

/* El canvas interno */

.pnlm-render-container{
    width:100% !important;
    height:100% !important;
}

/* Elimina padding lateral Elementor */

.elementor-top-section{
    padding-left:0 !important;
    padding-right:0 !important;
}



/* MOBILE OPTIMIZADO */

@media(max-width:768px){

    html,
    body{
        overflow:hidden !important;
        touch-action:auto !important;
    }

    /* Panorama */

    #panorama,
    .pannellum-container{
        position:fixed;
        inset:0;
        width:100vw !important;
        height:100dvh !important;
        overflow:hidden !important;
        touch-action:auto !important;
    }

    /* Canvas interno */

    .pnlm-render-container{
        width:100% !important;
        height:100% !important;
        transform:none !important;
    }

    /* Hotspots */

    .pnlm-hotspot-base{
        z-index:9998 !important;
        pointer-events:auto !important;
    }

    .pnlm-hotspot-base.pnlm-info{
        transform:scale(1.25);
    }

    /* Ayuda */

    .cineHelp{
        top:10px;
        width:94%;
        font-size:12px;
        padding:10px 14px;
        border-radius:18px;
        line-height:1.4;
    }

    /* Countdown */

    .cineCountdown{
        left:12px;
        bottom:12px;
        padding:10px 16px;
        font-size:13px;
        border-radius:18px;
        z-index:9999;
    }

    /* Botón flotante */

    .cineFloatBtn{
        right:12px;
        bottom:12px;
        padding:12px 18px;
        font-size:15px;
        border-radius:18px;
        z-index:9999;
    }

    /* MODAL */

    .cineModal{
        position:fixed;
        inset:0;
        z-index:99999 !important;
        padding:12px;
        align-items:flex-start;
        overflow-y:auto;
    }

    .cineModalBox{
        width:100%;
        margin:auto;
        padding:24px 16px;
        border-radius:20px;
        max-height:none;
        overflow:visible;
    }

    .cineModal h2{
        font-size:1.4rem;
    }

    .cineModal p{
        font-size:14px;
        line-height:1.6;
    }

    /* Maps */

    .cineMapsGrid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .cineMapsGrid iframe{
        width:100%;
        height:180px !important;
    }

    /* Botones */

    .contenedorbotonesPelicula{
        flex-direction:column;
        gap:12px;
    }

    .cineBtn{
        width:100%;
        font-size:15px;
        padding:14px 18px;
    }

}/* End custom CSS */