.elementor-1504 .elementor-element.elementor-element-ec289cd > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-1504 .elementor-element.elementor-element-ec289cd{overflow:hidden;}body:not(.rtl) .elementor-1504 .elementor-element.elementor-element-f027ba5{left:0px;}body.rtl .elementor-1504 .elementor-element.elementor-element-f027ba5{right:0px;}.elementor-1504 .elementor-element.elementor-element-f027ba5{top:0px;}.elementor-1504 .elementor-element.elementor-element-db3c6eb .elementor-button .elementor-align-icon-right{margin-left:6px;}.elementor-1504 .elementor-element.elementor-element-db3c6eb .elementor-button .elementor-align-icon-left{margin-right:6px;}.elementor-1504 .elementor-element.elementor-element-db3c6eb .elementor-button{background-color:#00BA80;}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-ec289cd */@media (orientation: landscape){
.image-mobil {
background-image: url('https://www.indigoteatro.com/wp-content/uploads/2024/04/el-mar-de-les-emocions.webp') !important;
background-size: 100%;
background-position: center;
}    
}
.image-mobil {
background-image: url('https://www.indigoteatro.com/wp-content/uploads/2024/05/7.webp');
background-size: cover;
height: 100vh;
background-position: center;
}/* End custom CSS */
/* Start custom CSS */#qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-bottom-right {
    display: none !important;
}
#miReproductor {
    width: 100%;
    background-color: transparent;
}

#miReproductor::-webkit-media-controls-panel {
    background-color: rgba(0, 0, 0, 0.7);
    /* Cambia el color de fondo de los controles */
    border-radius: 10px;
    /* Agrega bordes redondeados a los controles */
    padding: 10px;
    /* Ajusta el espacio interno de los controles */
}

#miReproductor::-webkit-media-controls-play-button,
#miReproductor::-webkit-media-controls-pause-button {
    color: #fff;
    /* Cambia el color de los botones de reproducción */
    font-size: 24px;
    /* Cambia el tamaño de los botones de reproducción */
}
.plyr__controls {
position: fixed;
left: 0;
bottom: 0;
right: 0;
}
.plyr__controls button.plyr__control {
    color: #fff;
    /* Cambia #ff0000 por el color deseado */
}

.plyr--audio .plyr__controls {
    background: rgba(0, 0, 0, .1) !important;
    background: rgba(0, 0, 0, .1) !important;
    color: #fff !important;
}

.plyr__menu {
    display: none;
}/* End custom CSS */