/*
Theme Name: Cines Embajadores Clean 2026
Description: Tema mínimo y responsive para Cines Embajadores
Version: 1.0
*/

/* Reset básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Roboto, sans-serif;
}

body.ciudad-madrid {
    background-color: #E5DCDC;
}

body.ciudad-oviedo {
    background-color: #C6E1EB;
}

body.ciudad-santander {
    background-color: #D5DADA;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
}

ul {
    list-style: none;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Clases de utilidad para márgenes, alineaciones... */
.fwb {
    font-weight: bolder;
}

.mtb-20 {
    margin: 20px 0;
}

.mtb-10 {
    margin: 10px 0;
}

.mtb-5 {
    margin: 5px 0;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}


.newsletter-form button[type="submit"] {
    border: none;
    font-size: 20px;
    background: none;
}

.newsletter-form input[type="email"] {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid black;
    font-size: 16px;
    width: 80%;
    padding: 3px;
}


/* Ocultar y mostrar elementos según la ciudad */
/* Widget de redes */
.widget-ciudad .widget-barra-redes {
    display: none;
}

body.ciudad-madrid .widget-ciudad .widget-barra-redes.widget-barra-redes-madrid,
body.ciudad-oviedo .widget-ciudad .widget-barra-redes.widget-barra-redes-oviedo,
body.ciudad-santander .widget-ciudad .widget-barra-redes.widget-barra-redes-santander {
    display: flex;
}

/* Widgets del footer */
.widget-footer3>div {
    display: none;
}

body.ciudad-madrid .widget-footer3>div.madrid,
body.ciudad-oviedo .widget-footer3>div.oviedo,
body.ciudad-santander .widget-footer3>div.santander {
    display: block;
}




/* Contenedor principal */
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

/* Header */
.header {
    padding: 0;
}

.header .container {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd;
}

/* Header, banda superior */
.header .banda {
    width: 100%;
    display: flex;
    color: #eaeaea;
    background-color: #000000;
    padding: 5px;
    margin: 0 0 5px 0;
}

.header .banda .icon,
.header .banda .selector-ciudad {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.header .banda .selector-ciudad select {
    color: #eaeaea;
    background-color: #000000;
    padding: 3px;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
}

.header .banda .barra-redes {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.header .banda .icon img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f5f5f5;
}


/* Header, logo */

.header .logo {
    width: 100%;
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.header .logo img {
    width: 100%;
}


/* Header, menú */

.header .menu {
    width: 100%;
}


/** Menú */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    margin-right: 5px;
}

.nav-menu {
    display: flex;
    border-bottom: 1px solid black;
}


.sub-menu {
    display: none;
}

.sub-menu.show {
    display: block;
    position: absolute;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

body.ciudad-madrid .sub-menu.show {
    background-color: #E5DCDC;
}

body.ciudad-oviedo .sub-menu.show {
    background-color: #C6E1EB;
}

body.ciudad-santander .sub-menu.show {
    background-color: #D5DADA;
}

.nav-menu li,
.sub-menu li {
    margin: 0;
}

.sub-menu li {
    border: 1px solid black;
    border-bottom: none;
}

.sub-menu li:last-child {
    border-bottom: 1px solid black;
}



.sub-menu>li.current-menu-item a,
.nav-menu>li.current-menu-item>a {
    color: #eaeaea;
}


.nav-menu li a {
    text-decoration: none;
    color: #333;
    padding: 10px;
    display: block;
}








body.ciudad-madrid .nav-menu li.current-menu-item,
body.ciudad-madrid .cartelera-dia.mas-dias .sub-menu li.current-menu-item
{
    background-color: #585050;
}

body.ciudad-oviedo .nav-menu li.current-menu-item,
body.ciudad-oviedo .cartelera-dia.mas-dias .sub-menu li.current-menu-item
{
    background-color: #004863;
}

body.ciudad-santander .nav-menu li.current-menu-item,
body.ciudad-santander .cartelera-dia.mas-dias .sub-menu li.current-menu-item
{
    background-color: #00433B;
}




/* Main content */
.main .container {
    padding: 0 10px 20px 10px;
    background-color: white;
}

/* Un poquito de aire por los lados */
.main .container .title {
    margin-bottom: 5px;
}

.single-post .main .container {
    padding: 20px;
}
.single-post .main .container p {
    margin-bottom: 5px;
}


/* Footer */
.footer {
    text-align: center;
}

.footer .container {
    background-color: #eaeaea;
}


.footer .container .widget-footer-container {
    display: inline-block;
    width: 33%;
    vertical-align: text-top;
    padding: 10px;
}

.footer .container .pie-pagina {
    width: 100%;
    color: #eaeaea;
    background-color: #000;
    padding: 10px;
}

.footer .container .pie-pagina .widget-ciudad {
    display: inline-block;
}

.footer .container .widget-footer-container ul.menu {
    text-align: left;
    margin-left: 20px;
}

.footer .container .pie-pagina ul.menu {
    display: flex;
}




.footer .container .pie-pagina .widget_text,
.footer .container .pie-pagina .widget_text a,
.footer .container .pie-pagina ul.menu li a {
    color: #eaeaea;
    font-size: 14px;
}

.footer .container .pie-pagina ul.menu li a {
    margin: 0 5px;
}

body.ciudad-madrid .footer .container .pie-pagina {
    background-color: #585050;
}

body.ciudad-oviedo .footer .container .pie-pagina {
    background-color: #004863;
}

body.ciudad-santander .footer .container .pie-pagina {
    background-color: #00433B;
}




.footer .container .widgets .widget_block img {
    width: 100%;
}

body.sin-ciudad .footer .container .widgets,
body.sin-ciudad .footer .container .pie-pagina,
body.ciudad-madrid .footer .container .widgets .widget_block .oviedo,
body.ciudad-madrid .footer .container .widgets .widget_block .santander,
body.ciudad-oviedo .footer .container .widgets .widget_block .madrid,
body.ciudad-oviedo .footer .container .widgets .widget_block .santander,
body.ciudad-santander .footer .container .widgets .widget_block .madrid,
body.ciudad-santander .footer .container .widgets .widget_block .oviedo,
body.ciudad-madrid #menu-menu-legal-oviedo,
body.ciudad-madrid #menu-menu-legal-santander,
body.ciudad-oviedo #menu-menu-legal-madrid,
body.ciudad-oviedo #menu-menu-legal-santander,
body.ciudad-santander #menu-menu-legal-madrid,
body.ciudad-santander #menu-menu-legal-oviedo,
body.ciudad-madrid #menu-menu-footer-oviedo,
body.ciudad-madrid #menu-menu-footer-santander,
body.ciudad-oviedo #menu-menu-footer-madrid,
body.ciudad-oviedo #menu-menu-footer-santander,
body.ciudad-santander #menu-menu-footer-madrid,
body.ciudad-santander #menu-menu-footer-oviedo {
    display: none;
}




/** Carteleras */

ul.cartelera {
    width: 1280px;
    display: flex;
}

ul.cartelera-home {
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
}

ul.cartelera-home li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.cartelera .poster a {
    position: relative;
}

ul.cartelera .poster a span.doblaje {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: black;
    color: white;
    padding: 5px;
    font-size: 20px;
    z-index: 5;
    /* transform: rotate(-45deg); */


}

ul.cartelera .poster img {
    /* Forzamos, aunque el tag <img> ya traiga un width y un height, a menudo las imágenes no son todas iguales */
    width: 300px;
    height: auto;
}

ul.cartelera-page {
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
}

ul.cartelera-page>li {
    display: flex;
    flex: 0 1 calc(50% - 10px);
    gap: 15px;
}

ul.cartelera-page li .horarios {
    padding-top: 10px;
}
ul.cartelera-page li .horarios div {
    color: black;
    padding: 5px;
    margin: 0 5px 5px 0;
    display: inline-block;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body.ciudad-madrid ul.cartelera-page li .horarios div {
    background-color: #E5DCDC;
}
body.ciudad-oviedo ul.cartelera-page li .horarios div {
    background-color: #C6E1EB;
}
body.ciudad-santander ul.cartelera-page li .horarios div {
    background-color: #D5DADA;
}


#cookies-eu-banner {
    width: 94%;
}

/* Para los listados de post */
.archive .main .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 10px;
    margin-bottom: 20px;
}

.archive .main .container article {
    margin-top: 20px;
}
.archive .main .container article h2 {
    margin-bottom: 10px;
}
.archive .main .container .contenido {
    display: flex;
    gap: 20px;
}
.archive .main .container .contenido .imagen img {
    width: 100%;
    height: auto;
}

/** Ficha de película */

.solo-mobile {
    display: none;
}

body.single-amy_movie .info-list label {
    font-weight: bolder;
}

body.single-amy_movie .datos-pelicula {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 10px;
    align-items: start;
}

body.single-amy_movie .datos-pelicula .cartel img {
    width: 100%;
    height: auto;
}

body.single-amy_movie .datos-pelicula .texto {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.single-amy_movie .datos-pelicula .texto .ficha {
    background-color: #000;
    color: #eaeaea;
    padding: 20px;
}
body.ciudad-madrid.single-amy_movie .datos-pelicula .texto .ficha {
    background-color: #585050;
}
body.ciudad-oviedo.single-amy_movie .datos-pelicula .texto .ficha {
    background-color: #004863;
}
body.ciudad-santander.single-amy_movie .datos-pelicula .texto .ficha {
    background-color: #00433B;
}



body.single-amy_movie .datos-pelicula .texto .trailer {
    margin-top: 20px;
}
body.single-amy_movie .datos-pelicula .texto .trailer iframe {
    border: none;
}

body.single-amy_movie .datos-cartelera .showtime {
    padding: 20px 10px 10px 10px;
}
body.single-amy_movie .datos-cartelera .showtimes {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 10px;
}
body.single-amy_movie .showtimedetail {
    padding: 5px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
body.single-amy_movie .showtimedetail h4 {
    font-weight: bolder;
}
body.single-amy_movie.ciudad-santander .datos-cartelera .showtime h3,
body.single-amy_movie.ciudad-oviedo .datos-cartelera .showtime h3 
{
    display: none;
}
body.single-amy_movie.ciudad-madrid .showtimedetail {
    background-color: #E5DCDC;
}
body.single-amy_movie.ciudad-oviedo .showtimedetail {
    background-color: #C6E1EB;
}
body.single-amy_movie.ciudad-santander .showtimedetail {
    background-color: #D5DADA;
}





/* Responsive */

/* Móvil */
@media (max-width: 767px) {

    /** Iconos de RRSS */
    /* .widget-ciudad .widget-barra-redes {
        font-size: 22px;
    } */
    .nav-menu.solo-desktop,
    .navegacion .solo-desktop {
        display: none;
    }
    .nav-menu.solo-mobile,
    .navegacion .solo-mobile {
        display: flex;
        flex-direction: row;
    }
    .nav-menu.solo-mobile li.dia-en-curso {
        margin-left: auto;
        font-size: 13px;
        font-weight: bolder;
        margin-top: 3px;
    }


    /* Menú adicional, solo los tres primeros elementos */
    .short-menu.solo-mobile {
        display: block;
        width: 100%;
    }
    .short-menu.solo-mobile .nav-menu {
        display: flex;
        flex-direction: row;
    }
    short-menu.solo-mobile .nav-menu li {
        flex: 1;
        text-align: center;
    }
    .short-menu.solo-mobile .nav-menu li a {
        padding: 5px;
        font-size: 14px;
    }
    .short-menu.solo-mobile .nav-menu li:nth-child(n+4) {
        display: none;
    }
    .cartelera-dia.mas-dias .sub-menu li {
        background-color: white;
        min-width: 50px;
    }



    .header .banda .selector-ciudad {
        margin: 0;
    }

    .main .container {
        /* Desaparece el menú (pasa a plegable) ya no hace falta tanto hueco */
        padding-top: 0px;
    }

    ul.cartelera .poster a span.doblaje {
        font-size: 15px;
    }

    /* Cartelera home */
    ul.cartelera-home {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    ul.cartelera-home .poster img {
        width: 100%;
    }

    /* Cartelera de un día */
    ul.cartelera-page {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }

    ul.cartelera-page li.movie .info {
        display: none;
    }

    ul.cartelera-page .poster img {
        width: 100%;
    }

    ul.cartelera-page-menu {
        display: block;
        /* margin-left: 3px; */
    }

    ul.cartelera-page-menu>li {
        display: inline-block;
    }

    ul.cartelera-page-menu>li a {
        padding: 3px;
        font-size: 13px;
    }

    /** Widgets footer */
    .footer .container .widget-footer-container {
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    .archive .main .container {
        display: block;
    }

    .archive .main .container article h2 {
        margin: 20px 0 10px 0;
    }

    /* Ficha película */
    .botones-mobile {
        display: flex;
        justify-content: space-between;
        margin: 20px;
        
    }    
    .botones-mobile button {
        font-size: 1.1em;
        background-color: #eaeaea;
        color: black;
        border: none;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px;
    }
    body.single-amy_movie .datos-pelicula {
        display: block;
    }
    body.single-amy_movie .datos-pelicula .texto .trailer {
        display: none;
    } 
    body.single-amy_movie .datos-pelicula .texto {
        font-size: smaller;
    }
    body.single-amy_movie .datos-pelicula .sinopsis {
        display: none;
    }

}

/* Tablet / pantalla mediana */
@media (min-width: 768px) and (max-width: 1279px) {
    ul.cartelera-home {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    ul.cartelera-home .poster img {
        width: 100%;
    }

    /* Cartelera de un día */
    ul.cartelera-page {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    ul.cartelera-page li.movie .info {
        display: none;
    }

    ul.cartelera-page .poster img {
        width: 100%;
    }

    ul.cartelera-page-menu {
        display: block;
    }

    ul.cartelera-page-menu>li {
        display: inline-block;
    }


    /* El toggle del menú mobile, todavía visible, lo hacemos algo más grande */
    .menu-toggle {
        font-size: 40px;
    }
}

/* Desktop */
/* Menú horizontal no aparece hasta 1280 */
@media (max-width: 1279px) {
    .header .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .menu-toggle {
        display: inline;
    }

    .nav-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        margin-top: 10px;
    }

    .menu .nav-menu.show {
        display: flex;
        position: absolute;
        background-color: #eaeaea;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        z-index: 10;
        margin-top: 0px;
    }

    .nav-menu li {
        margin: 0;
    }

}

/* Interstitial */

#animacion {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgb(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

#animacion .inner {
    padding: 20px;
    border-radius: 5px;
    max-width: 80%;
    text-align: center;
    background-color: black;
    border: 3px solid #ddd;
}

#animacion .barra {
    width: 100%;
    text-align: right;
    padding: 5px;
}

#animacion #contador {
    color: white;
    font-size: 1.8em;
    margin-top: 10px;
}

#animacion #cerrarPopup {
    color: white;
    font-size: 1.4em;
    text-decoration: none;
    font-family: Ubuntu, sans-serif;
}

#animacion .videoContainer {
    width: 77%;
    margin: 0 auto;
}

#animacion video {
    /*width: 1024px;
    margin: 40px auto;
    display: block;*/
    width: 100%;
}