@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {

    /* Fuentes */  
    --teatro: 'Montserrat';
    --teatro-thin: 100;
    --teatro-light: 300;
    --teatro-book: 400;
    --teatro-medium: 500;
    --teatro-bold: 700;
    --teatro-black: 800;
    --teatro-ultra: 900;

    /* Colores Tema */
    --base: #fff;
    --link: #C8102E;
    --link-hover: #95081f;
    --fondo-1: #232323;
    --fondo-2: #b9b9b9;
    --fondo-3: #f7f7f7;
    --linea: #d6d6d6;
    --blanco: #fff;
    --negro: #000;
    --linea-mobile: #84292d;
                                                }
}

/* hook precio temporal */

/*.path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .price:after {
    content: "79,99€";
    display: block;
    text-decoration: none!important;
    color: #00000094;
}
.path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .price{
    display: block;
    position: relative;
}

.path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .price:before{
    content:"";
    position: absolute;
    width: 100%;
    height: 6px;
    background: #00000094;
    left: 0;
    top: 70px;
}

.path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .average-price{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    width: 105px;
}
html[lang="es"] .path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .average-price{ width: 92px; }
html[lang="es"] .path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .average-price:before{
    content: "5,55€ al mes";
}
html[lang="en"] .path-comprar .main-container .subscriptions-item .subscription-info.twelve-months .panel-body .average-price:before{
    content: "5,55€ monthly";
}
*/

/* Comprar directos */
.row.directos-block_1 .comprar, .row.directos-block_1 .comprarxs{display: none!important;}

/* Generales */
header .menu--main li.active a{
    color: #C8102E !important;
}
.path-user article .field .field--label, .mypalcoblock .mypalcofield { color: #ffffff;}
#block-comprarheader .comprarheader,.page-node-type-videoteca .field--name-node-favourite, .page-node-type-videoteca .field--name-node-subscribe,
.cta .wrap-content-hero .contentcenter .button_cta .secondary_link_cta, .mylist-empty .buttom-empty{
    background-color: #C8102E;
}
header .menu--main li.active li.active{
    background: #C8102E !important;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-boton a, .page-node-type-page .field--name-field-ayuda .paragraph--view-mode--solo-texto-titulo-texto-y-enlace .field--name-field-ehelp-boton a,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte .field--name-field-ehelp-boton a{
    background: #C8102E;
}
.category_selector li.active{
    background: #232323!important;
}
.category_selector li.active a{
    border: 1px solid white;
}
.category_selector li.active:after{
    background: #232323;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    
}
.path-comprar .main-container .subscriptions-item .button, .path-comprar .main-container .purchased-item .button, .path-comprar .main-container .purchase-info-buttons a.button, .path-paycomet .main-container .subscription .simulated-button, .path-paycomet .main-container .purchased-item .simulated-button{
    background: #C8102E;
}
.path-comprar .main-container .subscriptions-item .subscription-info .panel-body .time, .path-comprar .main-container .subscriptions-item .subscription-info .panel-body .price, .path-comprar .main-container .purchased-item .purchased-item-info .panel-body .info, .path-comprar .main-container .purchased-item .purchased-item-info .panel-body .price, .path-paycomet .main-container .subscription .subscription-info .panel-body .time, .path-paycomet .main-container .subscription .subscription-info .panel-body .price, .path-paycomet .main-container .purchased-item .purchased-item-info .panel-body .info, .path-paycomet .main-container .purchased-item .purchased-item-info .panel-body .price{
    color: #C8102E;
}
.path-comprar .main-container .purchased-item .purchased-item-info .panel-body .info,
.path-comprar .main-container .purchased-item .purchased-item-info .panel-body .price{color:#fff;}
.main-container p a, .main-container ol a, .main-container  ul a {
    text-decoration: underline;
    color: #ffffff;
    font-weight: bold;
    transition: all 0.2s ease-out;
}
.pager li > a{
    background: transparent;
    padding: 10px 30px;
    width: 31%;
    background-color: #00000080;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 1.14px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #666;
    transition: all 0.2s ease-out;
    text-decoration: none;
    font-size: 16px;
    line-height: 60px;
    margin: 0;
    padding: 0;
}
.main-container p a:hover, .main-container ol a:hover, .main-container ul a:hover{ color: #c8102e;}
ul.category_selector a{text-decoration: none!important;}
ul.category_selector a:hover{color:#fff;}
header#navbar.container {padding-left: 30px;}
#block-menudeusuario .user_menu li.profile.user-not-logged-in { width: 125px;}

.page-node-type-videoteca .field--name-field-videoteca-teatro .field--label {
    display: none;
}

/* cookie aviso */
#sliding-popup.sliding-popup-top {
    z-index: 999999999;
    background: #232323;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message p a{color: #fff;text-decoration: underline;}

/* Cambios home */
body.user-logged-in.path-user .region.region-content, .user-pass-reset {
    width: 72.5%;
    margin: auto;
}
body{background: #000000;}
body h2 {
    font-family: 'Montserrat' !important; font-weight: var(--teatro-book)!important; 
}
.mylist-empty { height: auto;padding: 15px!important;}
.mylist-empty h2{margin: 0px auto 24px auto;}
#block-patrocinadorheader {
    position: absolute;
    right: 465px;
    left: auto;
    top: 0;
    margin-top: 16px;
    width: fit-content;
    widows: -moz-fit-content;
}
body.user-logged-in #block-patrocinadorheader {right: 390px;}

#block-menudeusuario .user_menu li.search { margin-left: 6px;}
#block-menudeusuario .user_menu li a { font-weight: normal;text-transform: uppercase;}
.custom-select-trigger { text-transform: uppercase;}
/*.user-logged-in #block-patrocinadorheader {right: 520px;}*/
footer .row.views-block--slider-teatros-block-1 .block-title{color:#fff;}
footer .block-views-blockmi-lista-block-1, .page-node-type-videoteca .resumenvideoteca.panel, .page-node-type-formacion .resumenvideoteca.panel,
.block-relacionados-slider, .block-recomendado-slider,.page-node-type-directo .field-group-tabs-wrapper .horizontal-tab-button, 
.page-node-type-videoteca .field-group-tabs-wrapper .horizontal-tab-button, .page-node-type-directo #pie,
.page-node-type-directo #pie .field--name-field-directo-teatro .field--item {
    background: #232323;
}
.field.field--name-field-flinks-palco-digital.field--type-link.field--label-above{
    width: 100%!important;
    margin-bottom: 40px;
}
.field.field--name-field-flinks-palco-digital.field--type-link.field--label-above .field--items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
#block-footerlinks .field {
    float: left;
    width: 23%;
    margin-right: 2.5%;
}
#block-socialmedialinks, #block-socialmedialinks--2{text-align: center;background: #000000;display:flex;flex-direction:column;}
#block-footerlinks .field .field--label {border-bottom: 1px solid #ffffff42;}
.footer .row.footerlinks{background: #000000;}
#block-socialmedialinks h2, #block-socialmedialinks--2 h2, #block-socialmedialinks ul, #block-socialmedialinks--2 ul{
    float: none;display: inline-block;    
}
#block-footerlinks { margin-bottom: 20px;width: 72.5%;}
.row.socialmedialinks { margin-bottom: 50px;}

.horizontal-tab-button.selected {
    background-color: transparent;
    border-bottom: none;
    border-right:none;
    margin-bottom: -1px;
}
.horizontal-tabs .horizontal-tab-button{border-right:none;}
.category_selector li {
        background: #232323;
}
ul.category_selector {
text-transform: uppercase;
}

.cta .wrap-content-hero .contentcenter .button_cta .link_cta {
    background-color: #00000080;
}

.field.field--name-field-slider-titulo {
    font-size: 30px;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    padding: 0px 10px;
    margin: 50px 0px 20px;
    text-transform: uppercase;
    margin-top: 100px!important;
}

.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-categoria {
    color: #FFFFFF;
    font-weight: normal;
    padding: 0px;
    margin: 5px 5px 0px 0;
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
}
.field.field--name-field-videoteca-teatro.field--type-entity-reference.field--label-hidden.field--item {
    position: absolute;
	bottom: 0;
    /*left: 0;*/
    display: flex;
    margin: 0 15px;
    padding: 0;
    font-size: 10px;
    background: transparent;
}

body.page-node-type-videoteca .swiper-container .field.field--name-field-videoteca-teatro.field--type-entity-reference.field--label-hidden.field--item {
    left: 0!important;
    top: unset;
}

/* Header top */
.custom-option{
	background: #00000057;
	border: 1px solid #6b6b6b;
    transition: all 0.5s ease-out;
margin-bottom: 3px;
text-transform: uppercase;
}
.custom-option:hover{
border: 1px solid #fff;
}
header .menu--main li ul.dropdown-menu li {
    padding: 10px 0px;
    height: auto;
    text-align: center;
    background: #00000057;
    border: 1px solid #6b6b6b;
    transition: all 0.5s ease-out;
    margin-bottom: 3px;
}
header .menu--main li ul.dropdown-menu li:hover{
 border: 1px solid #fff;
}

.navbar-btn {
    margin-top: 12px;
    margin-bottom: 8px;
}
.cta.Destacado .cta-image {
    height: 85vh;
}
section.swiper-rows-loop-home-principal-section {
    margin-top: -80px;
}
.navbar.navbar-default.container {
    margin-bottom: 0px;
    background: transparent;
    z-index: 999;
}
.navbar-nav {
      margin-left: 50px;
}

.field.field--name-field-landing-selector.field--type-entity-reference.field--label-hidden.field--item,
.field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item,
.row.selectordecategoria-2 {
    margin-top: -160px;
    z-index: 99999;
    position: relative;
    background: linear-gradient(0deg, rgb(0 0 0) 10%, rgba(0,0,0,0) 100%);
}

.field--name-field-pagcat-cta1:has(.cta.Titulo-Subtitulo) ~ .field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item {
    margin-top: 0;
}

.user-logged-in .field.field--name-field-landing-selector.field--type-entity-reference.field--label-hidden.field--item, 
.user-logged-in .field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item, 
.user-logged-in .row.selectordecategoria-2
/*,.page-node-type-landing .field.field--name-field-landing-selector.field--type-entity-reference.field--label-hidden.field--item, 
.page-node-type-landing .field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item, 
.page-node-type-landing .row.selectordecategoria-2*/
{
    margin-top: 0;
}

.field.field--name-field-slider-titulo {
    margin: 0px 0px 20px;
}
.category_selector li a {
    /*border: 1px solid #666;*/
}
.category_selector li a:hover {
    border: 1px solid #fff;
}
.cta.Destacado .wrap-content-hero .contentcenter h2{
	margin-bottom: 15px;
   height: auto;
}
.cta.Destacado .wrap-content-hero .contentcenter h3{
	margin-bottom: 15px;
    margin-top:0;
}
.cta.Destacado .cta-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000091;    
}
.cta.Destacado .cta-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000030;
    z-index:1;
}
.cta.Destacado .cta-image img{
opacity: 1;
object-fit:cover;
}
.bc-player-default_default, .video-js{
height: 85vh!important;
width:100%;
padding-top: 56.25%;
}

/* Slider nuevo */
.vjs-poster {
    background-size: cover;
}

.video-js .vjs-tech {
    width: 100%;
    height: auto;
}

.field--item .field--name-field-slider-titulo{padding-left:30px;}
.field--name-field-slider-videoteca-swiper > .field--item:first-child .field--name-field-slider-titulo {
    margin-top: 0!important;
}
.field--name-field-slider-videoteca-swiper > .field--item:last-child{
margin-bottom:30px;
}
.node--type-videoteca.node--view-mode-bloque-front {
   transition: all 0.5s ease-out;
    background: transparent;
    margin: 0px 7px;
    border: 1px solid #cccccc0f;
}
.node--type-videoteca.node--view-mode-bloque-front:hover {
	border: 1px solid #ccc;
}

.swiper-rows-loop-home-principal-section .vjs-control-bar{display:none!important;}
.video-js .vjs-tech {  top: 50%; transform: translateY(-50%);
}

/* sliders verticales BC landing */   
video[id^="vertical_video_playlist"] {top: 0!important; transform: none!important; height: 100%!important; object-fit: cover!important; }



.swiper-rows-loop-home {
    margin-bottom: 15px;
	overflow: unset;
}
.swiper-rows-loop-home .item.swiper-slide:hover{
	transform: scale(1.1);
    z-index: 9;
}
.swiper-rows-loop-home .item.swiper-slide, .block-relacionados-slider .item.swiper-slide, .block-recomendado-slider .item.swiper-slide,
.swiper-rows-loop .item.swiper-slide {
max-width: 400px;
transition: all 0.2s ease-out;
}

.cta.Destacado .wrap-content-hero .contentcenter p{height: auto;}

.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-img img{
    object-fit: cover;
    width: 100%;
}
.node--type-videoteca.node--view-mode-bloque-front .field--name-node-title{
bottom: 47px;
}
.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-autor {
    font-style: normal;
    bottom: 22px;
}

.node--type-videoteca.node--view-mode-bloque-front .field--name-node-title,
.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-autor {
    padding: 0 15px;    
}

.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-hover-descripcio{
	background: #000000ed;
    padding: 30px;
    margin: 0px;
    transition: all 0.5s ease-out;
    display: flex;
    opacity: 0;
    visibility: hidden;
}

.node--type-videoteca.node--view-mode-bloque-front:hover .field--name-field-videoteca-hover-descripcio {
    display: flex;
    opacity: 1;
    visibility: visible;
}

.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-hover-descripcio p{
    text-align: justify;
    padding: 0 20px;
    font-size: 13px;
    width: 100%;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    font-weight: normal;
    margin-bottom: 15px;
}

.field.field--name-field-videoteca-img.field--type-image.field--label-hidden.field--item a:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.swiper-button-custom{display:none; top: 45%;}
.block-recomendado-slider .btn-swiper.btn-featured {top: 60%;display:none; }
.swiper-container:hover .swiper-button-custom, .block-recomendado-slider:hover .btn-swiper.btn-featured {display:flex;}´

.block-recomendado-slider .swiper-container {
    overflow: visible;
}
.paragraph.paragraph--type--slider.paragraph--view-mode--default {
    padding: 0 15px;
}

/* pagina videoteca */
.page-node-type-pagina-categorias .field--name-node-title h2{
height: auto;
font-size: 20px;
    line-height: 30px;
font-weight: 900;
    margin-bottom: 10px;
}
/*.page-node-type-videoteca .resumenvideoteca.panel,
.page-node-type-videoteca .resumenvideoteca .principal .panel-body {height: auto;}
.page-node-type-videoteca .resumenvideoteca .field--name-node-title { margin-top: 30px;}
.page-node-type-videoteca .field--name-node-favourite, .page-node-type-videoteca .field--name-node-subscribe{top: 110px;}
.page-node-type-videoteca .field--name-field-videoteca-extra {top: 50px;}*/

.view-videoteca .col-sm-12.bs-region.bs-region--main::after {
    content: "";
    height: 200px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	display:none;
}
.view-videoteca .col-sm-12.bs-region.bs-region--main .field--name-node-title, 
.view-videoteca .col-sm-12.bs-region.bs-region--main .field--name-field-videoteca-autor,
.view-videoteca .col-sm-12.bs-region.bs-region--main .field--name-field-videoteca-teatro{z-index:9;}
.node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-categoria {
    margin: 15px 15px 0px 0;
}
.field.field--name-field-videoteca-categoria.field--type-entity-reference.field--label-hidden.field--item.flag-coleccion {
    padding: 12px;
    background: #00000066;
    line-height: 0.1;
    border: 1px solid #c8102e;
}
.tabsVideoteca,  .field-group-tabs-wrapper{
    width: 72.5%;
    margin: auto;
}


.field.field--name-field-pagcat-cta1.field--type-entity-reference.field--label-hidden.field--items {
    margin-top: -80px;
}
.user-logged-in .field.field--name-field-pagcat-cta1.field--type-entity-reference.field--label-hidden.field--items {
    margin-top: 0;
}

.field.field--name-field-pagcat-cta1.field--type-entity-reference.field--label-hidden.field--items .cta.Banner .cta-image,
.page-node-type-videoteca .field--name-field-videoteca-img{
    height: 75vh;
    /*min-height: 650px;*/
}
.cta.Banner .cta-image img, .page-node-type-videoteca .field--name-field-videoteca-img img{    object-fit: cover;}
.block-recomendado-slider{background-color: #000000;}

body.page-node-type-pagina-categorias .bs-region--main > .field.field--name-node-title.field--type-ds.field--label-hidden.field--item h2{display: none;}

.block-relacionados-slider .block-title, .block-recomendado-slider .block-title,
.page-node-type-pagina-categorias .field--name-field-pagcat-categoria h2.block-title {
    font-weight: normal;
    letter-spacing: 1.14px;
    text-align: left;
    margin: 60px auto;
    line-height: 41px;
    font-size: 30px;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    padding: 0px 30px;
    margin-bottom: 20px;
}

.view-display-id-page_1 .views-row:nth-child(3n + 1), .view-id-videoteca .views-row:nth-child(3n + 1) {
    padding: 0 15px 0 0;
}
.view-display-id-page_1 .views-row:nth-child(3n + 2), .view-id-videoteca .views-row:nth-child(3n + 2) {
    padding: 0 15px 0 0;
}
.view-display-id-page_1 .views-row:nth-child(3n + 3), .view-id-videoteca .views-row:nth-child(3n + 3) {
    padding: 0 15px 0 0;
}

.view-display-id-page_1 .views-row:nth-child(3n + 1), .view-id-formacion .views-row:nth-child(3n + 1) {
    padding: 0 15px 15px 0;
}
.view-display-id-page_1 .views-row:nth-child(3n + 2), .view-id-formacion .views-row:nth-child(3n + 2) {
    padding: 0 15px 0 0;
}
.view-display-id-page_1 .views-row:nth-child(3n + 3), .view-id-formacion .views-row:nth-child(3n + 3) {
    padding: 0 15px 0 0;
}

.page-node-type-pagina-categorias .field--name-field-pagcat-categoria .pager__item a, .page-node-type-teatro #block-views-block-videoteca-block-7 .pager__item a {
    width: 31%;
    background-color: #00000080;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 1.14px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid #666;
    transition: all 0.2s ease-out;
    text-decoration: none;
}
.page-node-type-pagina-categorias .field--name-field-pagcat-categoria .pager__item a:hover, .page-node-type-teatro #block-views-block-videoteca-block-7 .pager__item a:hover {
    border: 1px solid #fff;
}

body.page-node-type-pagina-categorias .swiper-container .node--type-videoteca.node--view-mode-bloque-front .field--name-node-title h2,
body.page-node-type-pagina-categorias .view-videoteca .node--type-videoteca.node--view-mode-bloque-front .field--name-node-title h2{
    display: block!important;
}

.page-node-type-pagina-categorias .field--name-field-pagcat-destacado .node--type-videoteca{display: none;}

/* Página interior obra*/

.block-relacionados-slider .btn-swiper.btn-featured {
    display: block;
    top: 60%;
}

/* Otras páginas */
.page-node-type-videoteca .field--name-field-videoteca-extra {
    border: 1px solid #666;
    transition: all 0.2s ease-out;
}
.page-node-type-videoteca .field--name-field-videoteca-extra:hover{
    border: 1px solid #fff;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-imagen{
    height: 50vh;
    overflow: hidden;
    position: relative;
    margin-top: -150px;
    background: #000;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-imagen img{
    object-fit: cover;opacity: 0.5;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-titulo,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte .field--name-field-ehelp-titulo,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--solo-texto-titulo-texto-y-enlace .field--name-field-ehelp-titulo{
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton-,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte{background: #000;}
.field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items > .field--item{
    width: 70%; margin: 70px auto;
}
.field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items .field--item:first-child{
    width: 100%;
}
article[data-history-node-id='172971'] .field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items .field--item:first-child{
    position: relative;
}

article[data-history-node-id='148334'] .field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items > .field--item,
article[data-history-node-id='119118'] .field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items > .field--item{
    width: 70%;
}


/* ocultar título en teatros porque va con logo */
/* article[data-history-node-id='148334'] .field.field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo- .field--name-field-ehelp-titulo {display: none;} */

/* ocultar título en teatros y sustituir por logo */
article[about="/comunidad-MyOpera"] { }
article[about="/comunidad-MyOpera"] div.field--name-field-ehelp-titulo {color: transparent !important; }
article[about="/comunidad-MyOpera"] div.field--type-link a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 50%;
    height: 50%; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    transform: scale(0.75); 
    background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20TR_0.png');	
}

        /* Logo por teatro (va por url de la ficha) */
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="teatro-real"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20TR_0.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="opera-national-de-paris"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20ONP.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="royal-opera-house"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/media/2026-07/Logo%20RBO.png'); height: 60%;}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="fundacion-juan-march"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-10/LOGO%20JUAN%20MARCH.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="bayerische-staatsoper"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2020-07/OPERA%20MUNICH%20CUADRADO.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="ciclo-de-lied-victoria-de-los-angeles"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2025-07/LOGO_VICTORIA_CICLO_BLANC_cast_0.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="festival-de-granada"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-12/logo%20FESTIVAL%20GRANADA.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="teatro-mayor"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/TEATRO%20MAYOR%20400x400%20logo.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="glyndebourne-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Glyndebourne.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="salzburg-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-06/logo%20SALZBURGO.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="escuela-superior-de-musica-reina-sofia"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20ESMRS.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="staatsoper-berlin"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20Berlin.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="opera-royal-de-liege"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2023-05/LOGO%20OPERA%20ROYAL%20LIEGE.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="teatro-del-bicentenario"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2020-02/TeatroDelBicentenario.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="ncpa-de-pekin"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2019-10/NCPA_TRANS.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="municipal-de-santiago"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Municipal.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="festival-internacional-del-cante-de-las-minas"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Las%20minas%20logo.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="maggio-musicale-fiorentino"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-03/Maggio%20Musicale%20Fiorentino.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="opera-de-lyon"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-11/Opera%20LYON%20logo.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="teatre-principal"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-09/LOGO%20Teatre%20Principal.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="wiener-staatsoper"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2024-10/Wiener%20Staats.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="fenice"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Fenice.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="rossini-opera-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20ROF.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="zurich"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2025-02/ZURICH%20CUADRADO.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="bolshoi"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20Bolshoi.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="zurich"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2025-02/ZURICH%20CUADRADO.png');}
        article[about="/comunidad-MyOpera"] div.field--type-link a[href$="mariinski"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Mariinsky_1.png');}


/* ocultar título en teatros y sustituir por logo  EN INGLËS*/
article[about="/en/myopera-community"] { }
article[about="/en/myopera-community"] div.field--name-field-ehelp-titulo {color: transparent !important; }
article[about="/en/myopera-community"] div.field--type-link a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 50%;
    height: 50%; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    transform: scale(0.75); 
    background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20TR_0.png');	
}

         /* Logo por teatro (va por url de la ficha) */
        article[about="/en/myopera-community"] div.field--type-link a[href$="teatro-real"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20TR_0.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="opera-national-de-paris"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20ONP.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="royal-opera-house"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/media/2026-07/Logo%20RBO.png'); height: 60%;}
        article[about="/en/myopera-community"] div.field--type-link a[href$="fundacion-juan-march"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-10/LOGO%20JUAN%20MARCH.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="bayerische-staatsoper"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2020-07/OPERA%20MUNICH%20CUADRADO.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="ciclo-de-lied-victoria-de-los-angeles"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2025-07/LOGO_VICTORIA_CICLO_BLANC_cast_0.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="festival-de-granada"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-12/logo%20FESTIVAL%20GRANADA.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="teatro-mayor"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/TEATRO%20MAYOR%20400x400%20logo.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="glyndebourne-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Glyndebourne.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="salzburg-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-06/logo%20SALZBURGO.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="escuela-superior-de-musica-reina-sofia"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20ESMRS.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="staatsoper-berlin"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20Berlin.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="opera-royal-de-liege"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2023-05/LOGO%20OPERA%20ROYAL%20LIEGE.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="teatro-del-bicentenario"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2020-02/TeatroDelBicentenario.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="beijing-ncpa"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2019-10/NCPA_TRANS.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="municipal-de-santiago"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Municipal.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="festival-internacional-del-cante-de-las-minas"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Las%20minas%20logo.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="maggio-musicale-fiorentino"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2021-03/Maggio%20Musicale%20Fiorentino.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="opera-de-lyon"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-11/Opera%20LYON%20logo.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="teatre-principal"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-09/LOGO%20Teatre%20Principal.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="wiener-staatsoper"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2024-10/Wiener%20Staats.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="fenice"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Fenice.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="rossini-opera-festival"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20ROF.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="zurich"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2025-02/ZURICH%20CUADRADO.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="bolshoi-theatre"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-04/Logo%20Bolshoi.png');}
        article[about="/en/myopera-community"] div.field--type-link a[href$="mariinsky-theatre"]::before {background-image: url('https://www.myoperaplayer.com/sites/default/files/2022-03/Logo%20Mariinsky_1.png');}



@media screen and (max-width: 768px){

    article[about="/comunidad-MyOpera"] div.field--type-link  {width: 100% !important;}

}

article[data-history-node-id='172971'] .field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items > .field--item{
    width: 90%;
}

.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte .field--name-field-ehelp-boton,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte .field--name-field-ehelp-descripcion,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--solo-texto-titulo-texto-y-enlace .field--name-field-ehelp-descripcion {
    width: 100%!important;
}

.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-titulo,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-descripcion,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-boton, 
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--solo-texto-titulo-texto-y-enlace .field--name-field-ehelp-boton{
    width: 70%;
}

.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--imagen-con-pie-titulo-texto-y-boton- .field--name-field-ehelp-descripcion {
    margin: 0 auto 70px auto;
}

.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-apaisado-itte .field--name-field-ehelp-descripcion{height: auto;}

.page-node-type-directo .bs-region--main{background-color: #000;}

.page-header, h1.page-header {
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    text-transform: uppercase;
    text-align: center;
    color:#fff!important;
}
div[property="schema:text"].field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    width: 70%;
    margin: auto;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode--solo-texto-titulo-texto-y-enlace{background: #000;}

.field.field--name-field-ehelp-dos.field--type-entity-reference-revisions.field--label-hidden.field--item{
    text-align: center;
}
.page-node-type-page .field--name-field-ayuda .paragraph--type-ayuda-2-elementos .field--name-field-ehelp-dos,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .bs-region .field--name-field-ehelp-dos {
    background: #000000;
}

/*Teatros*/
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .bs-region .field--name-field-ehelp-uno, 
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .bs-region .field--name-field-ehelp-dos, 
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .bs-region .field--name-field-ehelp-tres,
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo- .field--name-field-ehelp-imagen{
    height: 230px;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo- .field--name-field-ehelp-imagen img{
    object-fit: cover;
    transition: all 0.2s ease-out;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo-:hover .field--name-field-ehelp-imagen img{
    transform: scale(1.3);
   
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo-{
    transition: all 0.2s ease-out;
    border: 1px solid #000;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo-:hover{
    border: 1px solid #fff;
}
.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo- .field--name-field-ehelp-titulo {
    height: auto;
    width: 80%;
    font-size: 36px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    margin: auto;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
}

article[data-history-node-id='172971'] .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo- .field--name-field-ehelp-titulo {
    height: auto;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    margin: auto;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    position: absolute;
    top: auto;
    bottom: 0px;
    text-align: left;
    transform: none;
    right: 0;
    left: 10px;
}

.page-node-type-page .field--name-field-ayuda .paragraph--view-mode-bloque-3-elementos .paragraph--view-mode--imagen-de-fondo-solo-titulo-:hover .field--name-field-ehelp-imagen:after{
    background: #000000c7;
}

.field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items .field--item:first-child:after{
    background: linear-gradient(0deg, rgb(0 0 0) 10%, rgba(0,0,0,0) 100%);
}
.bs-3col .field.field--name-field-ehelp-imagen.field--type-image.field--label-hidden.field--item:after{
    background: #00000078!important;
}

article[data-history-node-id='172971'] .bs-3col .field.field--name-field-ehelp-imagen.field--type-image.field--label-hidden.field--item:after {
    background: transparent!important;
}

.field.field--name-field-ehelp-imagen.field--type-image.field--label-hidden.field--item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000078;
    /*background: linear-gradient(0deg, rgb(0 0 0) 10%, rgba(0,0,0,0) 100%);*/
    transition: all 0.2s ease-out;
}
.row.bs-2col.paragraph.paragraph--type-elemento-ayuda.paragraph--view-mode-apaisado-itte 
.field.field--name-field-ehelp-imagen.field--type-image.field--label-hidden.field--item:after {
    display: none;
}
/* campo resolución */
.field.field--name-field-videoteca-resolucion.field--type-entity-reference.field--label-hidden.field--items {
    display: none;
}

.field.field--name-field-videoteca-fecha.field--type-datetime.field--label-hidden.field--item time{
    white-space: pre;
    width: 30px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

.page-node-type-videoteca .resumenvideoteca .field--name-field-videoteca-subtitulos{
    background-image: url(/themes/custom/palco_digital/dist/images/icons/icono_cc.svg);
}

body.page-node-type-videoteca .listado .field{text-transform: uppercase;}
body.page-node-type-formacion .listado .field{text-transform: uppercase;}

/* Detalle Teatros */
.node--type-teatro .bs-region--main { height: auto;}
.node--type-teatro.node--view-mode-full .field--name-field-teatro-fondo {
    height: 75vh;
}
.node--type-teatro.node--view-mode-full .field--name-field-teatro-fondo img{object-fit: cover;}
.row.bs-1col.node.node--type-teatro.node--view-mode-full { margin-top: -80px;}
.field.field--name-field-teatro-fondo.field--type-image.field--label-hidden.field--item:after {
    content: "";
    width: 100%;
    height: 400px;
    background: linear-gradient(0deg, rgb(0 0 0) 10%, rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
}
.view-videoteca .view-empty h3{text-align: center;}
.row.views-block--videoteca-block-7.videoteca-block_7 {
    margin-bottom: 150px;
}

/* Directos */
.row.bs-1col.node.node--type-directo.node--view-mode-trailer {
    margin-top: -80px;
}
.page-node-type-directo #block-patrocinadorheader{display: none;}

/* formularios suscripción */
.path-comprar .main-container {
    background: #000;
}
div#form-compra-mop {
    max-width: 70%;
    margin: auto;
    width: 70%;
    padding: 0px;
    min-width: 0;
}
form#comprar-new-form, form.comprar-new-form{
    max-width: 70%;
    margin: auto;
}
.path-comprar .main-container .subscriptions, .path-comprar .main-container .rent, .path-comprar .main-container .buy {
    max-width: 1024px;
    padding: 12px 24px;
    margin-bottom: 40px;
    border: none;
    border-radius: 10px;
    background: #232323;
    color: #fff;
}
.path-comprar .main-container h3 { margin-left: 0;}
.path-comprar .main-container .promotional-code .panel-body{padding-left: 0;}
.path-comprar .main-container .btn_vales,
.path-comprar .main-container .btn_back, .path-paycomet .main-container #edit-previous { background: transparent; }
.path-comprar .main-container .purchased-item{background: #232323;}
.path-comprar .main-container .purchased-item, .path-comprar .main-container .subscriptions, 
.path-comprar .main-container .rent, .path-comprar .main-container .buy,
.path-comprar .main-container .subscriptions-item{border-radius: 0;}
.path-comprar .main-container .form-item-vale input { max-width: 100%}
.path-comprar .main-container .subscriptions-item .subscription-info .panel-body .price,
.path-comprar .main-container .purchased-item .purchased-item-info .panel-body .price,
.path-comprar .main-container .purchased-item .purchased-item-info .panel-body .info,
.path-comprar .main-container .subscriptions-item .subscription-info .panel-body .time{font-weight: normal;font-family: 'Montserrat' !important; font-weight: var(--teatro-bold); }
.path-comprar button.navbar-toggle { pointer-events: none!important;}
#popup_reg_log, .popuploginregistro {background: #000000;z-index: 999999999;width: 100%;position: fixed;top: 0;    height: 100%;    overflow-y: auto;    left: 0; }
#popup_reg_log #reg_form, #popup_reg_log #login_form{padding: 20px 90px;}
#popup_reg_log .panel-body { overflow: auto;}
.popupavisos .btn-primary{font-family: 'Montserrat' !important; font-weight: var(--teatro-light); }
div#popup_reg_log:after {
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.popupavisos:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000d9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/* Alerta */
.popupavisos {
    position: fixed;
    background: #000;
    z-index: 9999999999;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 35%;
    margin: auto !important;
    padding: 40px;
}
.alert-success, .alert-danger  {
    background-color: #bc1a2c;
    border-color: transparent;
    color: #fff;
    width: 50%;
    text-align: center;
    margin: auto;
    position: fixed;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999999;
}
.alert-danger {
    border-radius: 0;
    border: none;
}
.alert-danger a, .alert-danger a:focus, .alert-danger a:hover {color: #ffffff;}
#popup_reg_log .adquirir,.popuploginregistro .formulario .adquirir{border-radius: 0;background: #C8102E;}
.user-login-form #edit-actions .form-submit, #user-register-form #edit-actions .form-submit, 
#user-pass #edit-actions .form-submit, .user-logged-in.path-user .mypalcoblock button, .path-contact .main-container button{
    background: #C8102E;border-radius: 0;
}

/* Cambio pass */
.user-pass-reset button#edit-submit:hover{ background: #C8102E;}
.user-pass-reset button#edit-submit {
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    margin-top: 20px;
    font-size: 20px;
}

.only-show-pwd.path-user article[typeof='schema:Person'] {
    display: none;
    min-height: auto !important;
}
div#btn-mostrar-formulario-edit {
    display: inline-block;
}


/* Búsqueda */
body.path-search .main-container .region, body.path-search main .region {
    width: 70%;
    margin: auto;
}
.pagination > li > a, .pagination > li > span {
    color: #fff;
    background-color: transparent;
    border: 1px solid #ddd;
}
button.button.js-form-submit.form-submit.btn-primary.btn.icon-only {
    height: 34px;
}

/* YouTube Responsive */
#ytvideoteca{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.item.youtube {
    position: relative;
    width: 100%;
    height: 0!important;
    padding-bottom: 56.25%;
}

/* pagos */
.path-paycomet .main-container {
    background: #000;
    width: 72.5%;
    margin: auto;
}
.mypalcoblock .mypalcotitle, .block-mycards-block .mypalcotitle, .path-user .mis_compras-block_1 h2 { color: #ffffff;font-family: 'Montserrat' !important; font-weight: var(--teatro-light); }

/* Glosario */
ul.row.custom-glosario { list-style-type: none; padding: 0 15px;}
ul.row.custom-glosario li{margin-bottom: 15px;}
li.pager__item.pager__item--last, li.pager__item.pager__item--first { display: none;}
.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0;border-bottom-left-radius: 0;
    border-top-left-radius: 0;}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus,
.pagination > li > a, .pagination > li > span{border:none;}
.pagination > li > a:hover {
    color: #c8102e;
    color: #fff;
}
.pagination { margin-bottom: 100px;}
.btn-primary, .btn-success {
    color: #fff;
    background-color: #c8102e;
    border-color: #c8102e;
}

/* botones glosario "predefinidas" */
#predefinidas {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.predefinida {
    margin-right: 5px;
    margin-bottom: 5px;
    background: #000;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 13px;
}

/* videotecatags */
.field.field--name-field-formacion-tags.field--type-entity-reference.field--label-hidden.field--items > div,
.field.field--name-field-videoteca-tags.field--type-entity-reference.field--label-hidden.field--items > div {
    margin: 5px;
    padding: 5px;
    background: #c8102ed6;
    text-align: center;
    min-width: 100px;
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
}
.field.field--name-field-formacion-tags.field--type-entity-reference.field--label-hidden.field--items > div a,
.field.field--name-field-videoteca-tags.field--type-entity-reference.field--label-hidden.field--items > div a{
    font-family: 'Montserrat' !important; font-weight: var(--teatro-light); 
    pointer-events: none;
  cursor: default;
  text-decoration: none;
  font-weight: normal;
}
#custom-landing-banner {
    position: relative;
    margin: 0px auto 30px;
}
.field.field--name-field-landing-banner-.field--type-image.field--label-hidden.field--item {
    max-height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
#custom-landing-banner .field.field--name-field-landing-banner-.field--type-image.field--label-hidden.field--item::after {
    content: "";
    position: absolute;
    background: #00000080;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
#custom-landing-banner .field.field--name-field-landing-banner-texto * {
    text-shadow: 0 0 5px black;
}
#custom-landing-banner .field.field--name-field-landing-banner-.field--type-image.field--label-hidden.field--item img{
    width: 100%;
    height: auto;
}
#custom-landing-banner .field.field--name-field-landing-banner-texto{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.path-paycomet .textcard {width: 60%;margin: auto;}
.path-paycomet .form-item-name{float: none;    margin: auto;}
.path-paycomet .form-submit{margin: 30px auto;}

@media screen and (max-width: 1300px){
    /* formularios suscripción */
    div#form-compra-mop {
        max-width: 100%;
        margin: auto;
        width: 100%;
        padding: 0px;
        min-width:100%;
    }
    form#comprar-new-form, form.comprar-new-form {
        max-width: 100%;
        margin: auto;
    }
}
@media screen and (max-width: 1250px){
.paycomet_adduser, .paycomet_purchase_newuser {
    width: 100%;
    height: 1020px;
}
}

@media screen and (max-width: 1024px){
    #block-patrocinadorheader { right: 350px;}
}

@media screen and (max-width: 984px){
#block-menudeusuario .user_menu li.profile {
    text-align: center;
}
    header#navbar.container {padding-left: 0; }
    #block-patrocinadorheader {
        position: absolute;
        right: 185px;
        left: auto!important;
        width: 100px;
        top: 15px;
        margin-top: 3px;
        width: fit-content;
        widows: -moz-fit-content;
    }    
    .navbar.navbar-default.container .navbar-collapse{background-color: #000000;}
    ul.dropdown-menu li {
        border-bottom: 1px solid #ffffff3b!important;
    }
    ul.dropdown-menu li:last-child{border-bottom: none!important;}

    #block-menudeusuario .user_menu li {
        padding: 10px 0%;
    }
    #block-menudeusuario .user_menu li.langswitch {
        padding: 10px 30%;
    }
    #block-menudeusuario .user_menu li.parent-profile > a.iniciales, #block-menudeusuario .user_menu li.parent-profile > a.iniciales:hover {
        float: none;
    }
}

@media screen and (max-width: 820px){
    #block-menudeusuario .user_menu li.parent-profile > a.iniciales { float: none;}
    #block-menudeusuario .user_menu li.parent-profile > ul {margin-top: 10px;}
}

@media screen and (max-width: 768px){
    
    #block-patrocinadorheader .field--name-field-patrocinador-imagen img{width: 106px;}
}

@media screen and (max-width: 480px){

    .path-paycomet .form-item-name{width: 100%;}
    .path-paycomet .textcard{width: 100%;}

    .field.field--name-field-videoteca-fecha.field--type-datetime.field--label-hidden.field--item time{
        white-space: pre;
        width: 30px;
        overflow: hidden;
        display: flex;
        justify-content: flex-end;
        margin: auto;
    }

    .page-node-type-videoteca .resumenvideoteca .listado .field,
    .page-node-type-formacion .resumenvideoteca .listado .field{
        height: auto;
    }

    div#glosario {
        display: block;
        justify-content: space-around;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 22px;
        overflow: hidden;
        text-align: center;
    }
    
    div#glosario a {
        display: inline-block;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin: 0 5px;
        margin-bottom: 15px;
    }

    #block-patrocinadorheader {
        position: absolute;
        right: 120px;
        left: auto!important;
        width: 100px;
        top: 0;
        margin-top: 3px;
        width: fit-content;
        widows: -moz-fit-content;
    }
    #block-patrocinadorheader .field--name-field-patrocinador-imagen img {
        width: 70%;
    }
    #popup_reg_log, .popuploginregistro{overflow: scroll;}
    #popup_reg_log #reg_form, #popup_reg_log #login_form{padding: 20px 0px;}
    #popup_reg_log .menureg, #popup_reg_log .menulog{font-size: 15px;}
    .path-comprar .main-container .promotional-code .panel-body{display: block;}
    .path-comprar .main-container .form-item-vale { margin-bottom: 20px;}
    .path-comprar .main-container .btn_vales{margin: auto;}
    .path-comprar .main-container .form-item-vale input {max-width: 100%;}
    .path-comprar .main-container .subscriptions, .path-comprar .main-container .rent{padding: 12px 0px;}
    .alert-success, .alert-danger{width: 100%;top:0;}
    .alert-success li, .alert-danger li{text-align: left;}
    .popupavisos h2{font-size: 18px;}

    .tabsVideoteca, .field-group-tabs-wrapper {
        width: 100%;
        margin: auto;
    }
    .row.bs-1col.node.node--type-directo.node--view-mode-trailer {
        margin-top: 0;
    }

    .page-node-type-directo  .textWhiteRed {
        bottom: 150px;
    }

    .swiper-rows-loop-home .item.swiper-slide, .block-relacionados-slider .item.swiper-slide, .block-recomendado-slider .item.swiper-slide,
    .swiper-rows-loop .item.swiper-slide {
    max-width: 90%;
    }

    .swiper-rows-loop-home {
        margin-bottom: 15px;
        overflow: hidden;
    }
    .swiper-rows-loop-home .item.swiper-slide:hover{
        transform: none;
        z-index: 9;
    }
    .field--item .field--name-field-slider-titulo {
        padding-left: 0;
        text-align: center;
    }
    .field.field--name-field-landing-selector.field--type-entity-reference.field--label-hidden.field--item,
    .field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item {
        margin-top: -115px;
    }
    .field--name-field-pagcat-cta1:has(.cta.Titulo-Subtitulo) ~ .field.field--name-field-pagcat-selector.field--type-entity-reference.field--label-hidden.field--item {
        margin-top: 0;
    }
    .cta .wrap-content-hero .contentcenter .button_cta {
        width: 70%;
    }
    .cta .wrap-content-hero .contentcenter .button_cta a {
        height: auto;
        line-height: 40px;
    }
    .swiper-button-custom {
        width: 35px;
    }
    .swiper-rows-loop-home  .swiper-button-custom {
        display: none!important;
    }
    .field.field--name-field-slider-titulo, .block-relacionados-slider .block-title, .block-recomendado-slider .block-title, .page-node-type-pagina-categorias .field--name-field-pagcat-categoria h2.block-title {
        font-size: 18px;
    }
    .block-relacionados-slider .block-title, .block-recomendado-slider .block-title{text-align: center;width: 100%;}
    footer .block-views-blockmi-lista-block-1 .block-title {
        font-size: 25px;
        font-weight: normal;
    }
    footer .row.views-block--slider-teatros-block-1 .block-title {
        font-size: 25px;
    }
    .field--name-field-cta-video{position: relative;}
    .swiper-rows-loop-home-principal-section .bc-player-default_default, .swiper-rows-loop-home-principal-section .video-js {
        height: 85vh!important;
        width: 1315px!important;
        position: absolute;
        top: 0;
        left: -50%;
        padding-top: 56.25%;
    }
    .bc-player-default_default, .video-js {
        height: auto!important;
    }

    .cta.Destacado .wrap-content-hero .contentcenter p {
        width: 80%;
    }
    .node--type-videoteca.node--view-mode-bloque-front {
        border: 1px solid #cccccc57;
    }

    .field--name-field-slider-videoteca-swiper > .field--item:first-child .field--name-field-slider-titulo {
        margin-top: 70px!important;
    }
    .node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-autor{display: block!important;}

    footer .node--type-videoteca.node--view-mode-bloque-front, .block-relacionados-slider .node--type-videoteca.node--view-mode-bloque-front, .block-recomendado-slider .node--type-videoteca.node--view-mode-bloque-front {
        height: auto;
    }

    .page-node-type-videoteca .resumenvideoteca .field--name-node-title h2 
    .page-node-type-formacion .resumenvideoteca .field--name-node-title h2 {
        font-size: 22px;
        line-height: 1.4;
        margin: 0px;
    }

    .view-id-videoteca .views-row{padding: 0 15px!important;}

    .page-node-type-pagina-categorias .cta.Banner .wrap-content-hero .contentcenter h2, .page-node-type-pagina-categorias .cta.Banner .wrap-content-hero .contentcenter p {
        display: block;
        overflow: visible;
    }

    .row.selectordecategoria-2{
        margin-top: 0;
    }

    .field.field--name-field-ayuda.field--type-entity-reference-revisions.field--label-hidden.field--items > .field--item {
        width: 100%!important;
        margin: 0px auto;
    }

    .path-user .main-container .region{
        display: grid;
        padding: 0px 15px;		
    }
	
body.user-logged-in.path-user .region.region-content{width: 90.5%;  }

    .path-user .tabs{width: 90%;}
    #user-pass #edit-actions .form-submit{height: 40px;line-height: 40px;margin-top: 20px;}
    form#user-register-form {margin-bottom: 100px;height: auto!important;}

    .mylist-empty {
        height: auto;
        width: 90%;
        margin: auto;
        float: none;
        padding: 0 20px;
    }
    .mylist-empty p{height: auto;}

    .popupavisos {width: 90%;position: fixed;}
    #block-menudeusuario .user_menu li.profile,
    #block-menudeusuario .user_menu li.search {
        background-size: 6%;
    }
   
    #block-menudeusuario .user_menu li.profile{text-align: center;}

    .node--type-videoteca.node--view-mode-bloque-front:hover .field--name-field-videoteca-hover-descripcio {
        display: none!important;
    }

    .custom-option-cat, .custom-option-cat-ajax {
        background: #000;
    }

    .page-node-type-videoteca .field--name-field-videoteca-teatro .node--type-teatro .bs-region .field--name-field-teatro-logo{display: none;}

    .user-logged-in.path-user article[typeof="schema:Person"] {
        float: revert!important;
        order: 1;
    }
    .user-logged-in.path-user .mycardsblock {
        order:3;
    }
    .user-logged-in.path-user .mis_compras-block_1 {
        order: 4;
    }
    .user-logged-in.path-user .mypalcoblock {
        float: right!important;
        border: none!important;
        order: 2;
    }

    .path-user .main-container{
        height: auto!important;
    }

    user-logged-in.path-user .page-header {
    font-size: 25px;
    word-break: break-word;
}

.tabsVideoteca{
    width: 100%;
    margin: auto;
}

.page-header, h1.page-header {
    font-size: 20px;
    word-break: break-all;
}

.path-paycomet .main-container {
    width: 90%;
    margin: auto;
}

}






/**************************************************/
/* LISTADO ESPECTACULOS                           */
/**************************************************/
.field.field--name-field-videoteca-img.field--type-image.field--label-hidden.field--item a:after { background: linear-gradient(180deg, rgb(0 0 0 / 0%) 55%, rgb(0 0 0 / 96%) 100%); }
.node--type-videoteca.node--view-mode-bloque-front .field--name-node-title, .node--type-videoteca.node--view-mode-bloque-front .field--name-field-videoteca-autor,
.field.field--name-field-videoteca-teatro.field--type-entity-reference.field--label-hidden.field--item {text-shadow: 2px 2px 2px black;}


/**************************************************/
/* FICHA ESPECTACULO                              */
/**************************************************/

.page-node-type-videoteca .resumenvideoteca.panel { height: 100%; background: black!important; }
.page-node-type-formacion .resumenvideoteca.panel { height: 100%; background: black!important; }

.page-node-type-videoteca .resumenvideoteca.panel > .panel-body {width: 72.5%; margin: auto; padding: 30px 0 10px; display: grid; grid-template-columns: 1fr 0.4fr; gap: 0px 40px; }
.page-node-type-formacion .resumenvideoteca.panel > .panel-body {width: 72.5%; margin: auto; padding: 30px 0 10px; display: grid; grid-template-columns: 1fr 0.4fr; gap: 0px 40px; }

.node--type-formacion.node--view-mode-full .resumenvideoteca.panel > .panel-body{
    grid-template-columns: 1fr;
}

.page-node-type-formacion .page-header{
    display: none;
}

.page-node-type-videoteca .resumenvideoteca.panel > .panel-body:before,
.page-node-type-formacion .resumenvideoteca.panel > .panel-body:before,
.page-node-type-videoteca .resumenvideoteca.panel > .panel-body:after,
.page-node-type-formacion .resumenvideoteca.panel > .panel-body:after,
.page-node-type-videoteca .resumenvideoteca.panel > .panel-body > .help-block,
.page-node-type-formacion .resumenvideoteca.panel > .panel-body > .help-block {display: none;}
.page-node-type-videoteca .resumenvideoteca .principal {order: 1; min-height: 110px;}
.page-node-type-formacion .resumenvideoteca .principal {order: 1; min-height: 110px;}
.page-node-type-videoteca .field--name-field-videoteca-extra { order: 2; width: 100%; grid-column: 2/3; grid-row: 1/3; }
.page-node-type-formacion .field--name-field-videoteca-extra { order: 2; width: 100%; grid-column: 2/3; grid-row: 1/3; }
.page-node-type-videoteca .resumenvideoteca .listado { order: 3; margin: 0; width: 100%; display: flex; align-items: center; }
.page-node-type-formacion .resumenvideoteca .listado { order: 3; margin: 0; width: 100%; display: flex; align-items: center; }
.page-node-type-videoteca .field--name-node-favourite, .page-node-type-videoteca .field--name-node-subscribe {order: 2; width: 100%; grid-column: 2/3; grid-row: 1/3; margin-top: 50px;}
.page-node-type-formacion .field--name-node-favourite, .page-node-type-formacion .field--name-node-subscribe {order: 2; width: 100%; grid-column: 2/3; grid-row: 1/3; margin-top: 50px;}

.page-node-type-videoteca .resumenvideoteca .field--name-node-title { margin: 0; max-height: 100%; width: 100%; }
.page-node-type-formacion .resumenvideoteca .field--name-node-title { margin: 0; max-height: 100%; width: 100%; }
.page-node-type-videoteca .resumenvideoteca .field--name-field-videoteca-autor { margin: 0; width: 100%; }
.page-node-type-formacion .resumenvideoteca .field--name-field-videoteca-autor { margin: 0; width: 100%; }

.page-node-type-videoteca .resumenvideoteca .principal .panel-body { height: auto; }
.page-node-type-formacion .resumenvideoteca .principal .panel-body { height: auto; }
.page-node-type-videoteca .resumenvideoteca .principal .panel-body > .help-block {display: none;}
.page-node-type-formacion .resumenvideoteca .principal .panel-body > .help-block {display: none;}

.page-node-type-videoteca .resumenvideoteca .listado .panel-body { margin-top: 0px; display: flex; flex-wrap: wrap; gap: 15px 0;}
.page-node-type-formacion .resumenvideoteca .listado .panel-body { margin-top: 0px; display: flex; flex-wrap: wrap; gap: 15px 0;}
.page-node-type-videoteca .resumenvideoteca .listado .field { margin: 0; width: auto; height: 20px; font-size: 12px; line-height: 1; display: flex; padding-right: 40px; align-items: center; background-position: left center; }
.page-node-type-formacion .resumenvideoteca .listado .field { margin: 0; width: auto; height: 20px; font-size: 16px; line-height: 1; display: flex; padding-right: 40px; align-items: center; background-position: left center; }

.page-node-type-videoteca .field--name-field-videoteca-extra { position: relative; top: 0; right: 0; }
.page-node-type-formacion .field--name-field-videoteca-extra { position: relative; top: 0; right: 0; }
.page-node-type-videoteca .field--name-node-favourite, .page-node-type-videoteca .field--name-node-subscribe { position: relative; top: 0; right: 0; }
.page-node-type-formacion .field--name-node-favourite, .page-node-type-videoteca .field--name-node-subscribe { position: relative; top: 0; right: 0; }

.field--name-field-formacion-trailer .field--label-hidden, .field--name-field-formacion-playlist .field--label-hidden, .field--name-field-formacion-imagen .field--label-hidden{
    display: none;
}

.field--name-field-formacion-fecha-inicio{
    display: flex;
    flex-flow: column;
    align-items: flex-start!important;
    height: auto!important;
    background-position: left top!important;
    padding-top: 4px;
}
.field--name-field-formacion-fecha-inicio .field--item{    
    margin-bottom: 4px!important;
}

#formacion-form-content, .resumencompra-formacion{
    max-width: 1180px;
    margin: 0 auto;
}
#formacion-form-content .actions .panel-body{
    display: flex;
    gap: 20px;
    align-items: center;
}

.field--name-field-formacion-imagen-trailer img{
    width: 100%;
}

.formacion-documentos{
    display: flex;
    list-style: none;
    gap: 20px;
}

.field--name-field-formacion-mostrar-chat{
    display: none;
}
.field--name-field-formacion-iframe-chat{
    width: 19%;
}

.field--name-field-formacion-iframe-chat .chat-actions{
    display: flex;
    justify-content: center;
}
.field--name-field-formacion-iframe-chat .chat-actions a{
    color: white;    
    padding: 10px 20px;
    margin-top: 10px;
}
.field--name-field-formacion-emision-directo{
    width: 80%;
}

#videochatcontainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
}

 .field--name-field-formacion-emision-directo .video-js{
        height: auto !important;
    }


/* Trailer - Colocamos elementos sobre el video solo en PC */

@media screen and (min-width: 1050px) {

    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer {}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main { position: relative; }
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .field--name-field-videoteca-trailer { }
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca { position: absolute; z-index: 2; top: 15%; left: 0; /* width: 550px; */ width: auto; height: auto; background: transparent !important; display: flex; align-items: end; }

    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body { grid-template-columns: 1fr; margin: 0 auto 0 50px; padding: 30px; /* background: rgb(0 0 0 / 20%); */ backdrop-filter: blur(5px); border: 0px solid rgb(255 255 255 / 60%); border-radius: 10px; width: 100%; }
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body > div {width: 300px;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .principal {grid-column: unset; grid-row: unset;  order: 1;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado {grid-column: unset; grid-row: unset; order: 2;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado > .panel-body {gap: 15px 8px;;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado > .panel-body:before {display: none;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-categoria,
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-duracion,
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-idioma,
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-fecha, 
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-resolucion,
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .listado .field--name-field-videoteca-subtitulos { background-color: rgb(245 245 245 / 15%); padding: 15px 10px 15px 30px; border-radius: 5px; background-position: 5px center; background-size: 18px 14px;} 

    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-node-favourite {grid-column: unset; grid-row: unset; order: 3; margin-bottom: 20px; transition: all 0.2s ease-out;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-node-favourite:hover {background-color: var(--link-hover) !important;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-field-videoteca-extra {grid-column: unset; grid-row: unset; order: 4; margin-bottom: 20px; border: 1px solid #ffffff; }
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-field-videoteca-extra:hover { border: 1px solid #ffffff; background-color: #fff;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-field-videoteca-extra:hover > a {color: #000 !important;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-field-videoteca-teatro {grid-column: unset; grid-row: unset; order: 1; margin-bottom: 30px; font-weight: bold;}
    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body .field--name-field-videoteca-teatro a { color: white; text-transform: uppercase;}

    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .tabsVideoteca {padding: 40px 0;}

} 

@media screen and (min-width: 1260px) {

    .row.bs-1col.node.node--type-videoteca.node--view-mode-trailer .bs-region--main .resumenvideoteca > .panel-body > div {width: 400px;}

}


/* FIN - Trailer */

@media screen and (max-width: 768px) {
    #videochatcontainer{
        flex-direction: column;
        height: auto;
        width: 100%;
    }

   

    .field--name-field-formacion-iframe-chat{   
        width: 100%;    
        height: 350px;
    }
    .field--name-field-formacion-iframe-chat iframe{
        height: 80% !important;
    }
    .field--name-field-formacion-emision-directo{
        width: 100%;
    }
}

.header-vista-formacion{
    background-image: url('https://www.teatroreal.es/sites/default/files/espectaculos/cursos-monogra%CC%81ficos.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    height: 400px;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    padding: 50px;;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.header-vista-formacion p{
    max-width: 50%;
}

#the-canvas {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.canvas-nav {
    display: none;
    width: 100%;    
    justify-content: space-between;
  }
  
  .field--item .field--name-field-titulo-pagina-cursos {
    padding-left: 30px;
  }
  .field.field--name-field-titulo-pagina-cursos {
    margin: 0px 0px 20px;
      margin-top: 0px;
  }
  .field.field--name-field-titulo-pagina-cursos {
    font-size: 30px;
    font-family: 'Montserrat' !important;
    font-weight: var(--teatro-light);
    padding: 0px 10px;
      padding-left: 10px;
    margin: 50px 0px 20px;
    text-transform: uppercase;
    margin-top: 100px !important;
  }

/* logo */
.page-node-type-videoteca .field--name-field-videoteca-teatro {position: relative; right: unset; top: unset; width: 100%; order: 4; grid-column: 2/3; grid-row: 2 / 3;}
.page-node-type-videoteca .field--name-field-videoteca-teatro .node--type-teatro .bs-region { height: 100%; width: 100%; }
.page-node-type-videoteca .field--name-field-videoteca-teatro .node--type-teatro .bs-region .field--name-field-teatro-logo {width: 100%; height: 100%; }
.page-node-type-videoteca .field--name-field-videoteca-teatro .node--type-teatro .bs-region .field--name-field-teatro-logo > a { max-height: 80px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.page-node-type-videoteca .field--name-field-videoteca-teatro .node--type-teatro .bs-region .field--name-field-teatro-logo > a > img { max-width: 150px; }

@media (max-width: 768px) {

    .video-js[id^="vertical_video_playlist"] {
        height: 100%!important;
    }
	
	.page-node-type-videoteca .resumenvideoteca.panel > .panel-body { display: block; width: 90%; padding: 15px 0px 20px; height: auto; }
	.page-node-type-formacion .resumenvideoteca.panel > .panel-body { display: block; width: 90%; padding: 15px 0px 20px; height: auto; }
	.page-node-type-videoteca .resumenvideoteca.panel .principal .panel-body {height: auto; margin-bottom: 15px;}
	.page-node-type-formacion .resumenvideoteca.panel .principal .panel-body {height: auto; margin-bottom: 15px;}
	
	.page-node-type-videoteca .resumenvideoteca .principal {height: auto; min-height: auto;}
	.page-node-type-videoteca .resumenvideoteca .listado {  }
	.page-node-type-videoteca .resumenvideoteca .listado .panel-body {gap: 15px 25px; margin-bottom: 15px;}
	.page-node-type-formacion .resumenvideoteca .listado .panel-body {gap: 15px 25px; margin-bottom: 15px;}
	.page-node-type-videoteca .resumenvideoteca .listado .panel-body:before {display:none;}
	.page-node-type-formacion .resumenvideoteca .listado .panel-body:before {display:none;}
	.page-node-type-videoteca .resumenvideoteca .listado .panel-body .help-block { display: none;  }
	.page-node-type-formacion .resumenvideoteca .listado .panel-body .help-block { display: none;  }
	.page-node-type-videoteca .resumenvideoteca .listado .field {height: auto; background-position: left top; text-align: left; padding: 30px 0px 0px;} 
	.page-node-type-formacion .resumenvideoteca .listado .field {height: auto; background-position: left top; text-align: left; padding: 30px 0px 0px;} 
	
	.page-node-type-videoteca #resumenvideoteca .field--name-node-favourite, .page-node-type-videoteca #resumenvideoteca .field--name-node-subscribe { position: relative; top: unset; left: unset; bottom: unset; width: 100%; display: block; margin-bottom: 20px; }
	
}

/* fix menu admin */
body.page-node-type-landing ul.tabs--primary.nav.nav-tabs {position: absolute; z-index: 99999;}


/* SLIDER HOME 2024 */
@media (min-width: 768px) {
	.cta.Destacado .cta-image:after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.96) 100%); }
    .cta.Destacado .cta-image:before { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.96) 100%); }
	.cta.Destacado .wrap-content-hero {align-items: flex-end;}
	.cta.Destacado .wrap-content-hero .contentcenter {margin: 0 0 40px 45px;}
	.cta.Destacado .wrap-content-hero .contentcenter h2,
	.cta.Destacado .wrap-content-hero .contentcenter h3,
	.cta.Destacado .wrap-content-hero .contentcenter p { text-align: left; width: 100%; max-width: 100%; }
	.cta.Destacado .wrap-content-hero .contentcenter .button_cta { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 30px;  }
	.cta.Destacado .wrap-content-hero .contentcenter .button_cta a { display: flex; align-items: center; justify-content: center; padding: 20px; width: 190px; margin: 0 !important; }
}

/*-----------------------------------------------------------------*/
/*  LANDINGS
/*-----------------------------------------------------------------*/

main.rc-main { background: black; }
main.rc-main p {}
main.rc-main p.big {font-size: 22px;}
main.rc-main h1 { color: var(--base); font-weight: bold; font-size: 42px; margin-bottom: 20px; }
main.rc-main h1 span.small { font-size: 33px; color: var(--base); font-weight: bold; display: inline-block; border: 4px solid; padding: 12px 20px; margin-bottom: 15px; margin-bottom: 40px; background: rgb(0 0 0 / 50%); }

main.rc-main span.caja-small { font-size: 20px; color: var(--base); font-weight: bold; display: inline-flex; border: 4px solid; padding: 12px 20px; margin-top: 20px; margin-bottom: 40px; margin-inline: auto; background: rgb(0 0 0 / 50%); }
/* main.rc-main h2 { color: var(--base); font-weight: 500 !important; font-size: 45px; margin-bottom: 20px; } */
main.rc-main h2 { color: var(--base); font-weight: bold !important; font-size: 40px; margin-bottom: 20px; }
main.rc-main h3 { color: var(--base); font-weight: 500 !important; font-size: 25px; margin-bottom: 20px; }
main.rc-main img {width: 100%;}

/* Botones */
.btn-red { display: block; background-color: var(--link); color: var(--base); font-size: 15px; padding: 20px; font-weight: bold; line-height: 1; text-align: center; margin: auto; width: 100%; max-width: 300px; transition: all .3s; }

.btn-red:hover, .btn-red:focus {background-color: var(--link-hover); color: var(--base); text-decoration: none;}

.btn-white-contour { background-color: transparent; color: var(--blanco); border: 3px solid;}
.btn-white-contour:hover {background-color: white; color: var(--link);}

/* Dos Botones */
div.two-btn-row { display: flex; align-items: center; gap: 35px; }
div.two-btn-row > div.two-btn-button {}
div.two-btn-row > div.two-btn-button > .btn-red { max-width: 100%; }

div.two-btn-row.center {justify-content: center;}

/* Contenedor */
main.rc-main .container { width: 100%; max-width: 1200px; margin: auto; padding-left: 20px; padding-right: 20px; }
main.rc-main .container:before, main.rc-main .container:after {display: none;}


/*-----------------------------------------------------------------*/
/*  SWIPPER HOME
/*-----------------------------------------------------------------*/

section.myop-landing__swipper__section { position: relative; }

.swipper-landing-myop {}
.swipper-landing-myop > .swiper-wrapper {}
.swipper-landing-myop > .swiper-wrapper > .swiper-slide { position: relative; padding: 80px 0; position: relative; z-index: 0; height: 700px; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; overflow: hidden; }
.swipper-landing-myop > .swiper-wrapper > .swiper-slide:after { content: ""; position: absolute; z-index: 1; width: 100vw; height: 700px; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%); }

.swipper-landing-myop > .swiper-wrapper > .swiper-slide.swiper-slide-active {z-index: 2;}

.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide1 {background-color: rgb(0 0 0 / 40%); background-image: url(https://www.myoperaplayer.com/sites/default/files/media/2023-11/myop-landing-bg-alt.jpg);}
.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide2 {background-color: rgb(0 0 0 / 40%); background-image: url(https://www.myoperaplayer.com/sites/default/files/media/2024-12/landing-myop-slider2.jpg);}
.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide3 {background-color: rgb(0 0 0 / 40%); background-image: url(https://www.myoperaplayer.com/sites/default/files/media/2024-12/Navidad_Tarjeta.jpg);}
.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide4 {background-color: rgb(0 0 0 / 40%); background-image: url(https://www.myoperaplayer.com/sites/default/files/media/2025-02/eugenio-landing-2.jpg);}

.swipper-landing-myop > .swiper-wrapper > .swiper-slide > .swipper-slide-container { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 90%;}
.swipper-landing-myop > .swiper-wrapper > .swiper-slide > .swipper-slide-container > .swipper-slide-content {}


.swipper-landing-myop h1 { font-size: 35px !important; text-align: center; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%); margin-top: 0 !important;}
.swipper-landing-myop p {text-align: center; font-size: 22px; font-weight: 500; margin-bottom: 20px; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%);}
.swipper-landing-myop p.big {text-align: center; font-size: 28px !important; font-weight: bold; margin-bottom: 20px; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%);}
.swipper-landing-myop p.small {font-size: 16px; font-weight: 300; margin-bottom: 0px; margin-top: 20px;}
.swipper-landing-myop a.btn-red {width: 100%; max-width: 300px; margin-top: 40px;}
.swipper-landing-myop a.btn-red.w-400 { max-width: 400px; }
.swipper-landing-myop h1.mb-0, 
.swipper-landing-myop p.mb-0 {margin-bottom:0px !important}
.swipper-landing-myop p.mb-20 {margin-bottom:20px !important}
.swipper-landing-myop p.mt-20 {margin-top:20px !important}
.swipper-landing-myop p.mb-40 {margin-bottom:40px !important}
.swipper-landing-myop p.mt-40 {margin-top:40px !important}

    /* Background Blanco */
    .swipper-landing-myop .bg-white {background-color: var(--blanco) !important;}
    
    /* Black */
    .swipper-landing-myop .black h1,
    .swipper-landing-myop .black p { color: var(--negro) !important; } 

    /* Sin degradado */
    .swipper-landing-myop > .swiper-wrapper > .swiper-slide.sin-degradado:after {background-image: none;}

    /* Diseno TR */
    .swipper-landing-myop .diseno-tr h1 { font-size: 66px !important; text-shadow: none !important; margin-bottom: 0; }
    .swipper-landing-myop .diseno-tr p {}
    .swipper-landing-myop .diseno-tr p.big {font-size: 38px !important; font-weight: 300; line-height: 1; text-transform: uppercase; text-shadow: none !important;}
    .swipper-landing-myop .diseno-tr p.small {}

    /* Dia del pabre */
    .swipper-landing-myop figure.bigote { margin: 70px auto 0; width: 100%; display: flex; align-items: center; justify-content: center; }
    .swipper-landing-myop figure.bigote > img {width: 350px; margin: auto;}

    @media (max-width: 767px) {
        .swipper-landing-myop .diseno-tr h1 { font-size: 40px !important;}
        .swipper-landing-myop .diseno-tr p.big { font-size: 34px !important;}

        .swipper-landing-myop figure.bigote { margin: 30px auto 0;}
        .swipper-landing-myop figure.bigote > img { width: 200px; }

    }

/* Video BG */
.swipper-landing-myop .slide-bg-video { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100vw; height: auto; min-height: 700px; }
.swipper-landing-myop .slide-bg-video > video { position: relative; top: 0; left: 0; width: 100vw; height: 100%; min-height: 920px; object-fit: cover; }

.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide-video-mobile:after {background-image: none;}

.swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide-video-mobile a.btn-red {margin-top: 250px;}

/* Flechas */
section.myop-landing__swipper__section .swiper-button-next,
section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-prev { opacity: 0.5; transition: all.3s; right: 25px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); }
section.myop-landing__swipper__section .swiper-button-next:hover,
section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-prev:hover {opacity: 1;}

section.myop-landing__swipper__section .swiper-button-prev,
section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-next { opacity: 0.5; transition: all .3s; left: 25px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
section.myop-landing__swipper__section .swiper-button-prev:hover,
section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-next:hover {opacity: 1;}

@media (min-width:1700px) {

    .swipper-landing-myop > .swiper-wrapper > .swiper-slide,
    .swipper-landing-myop > .swiper-wrapper > .swiper-slide:after {height: 85vh;}
    .swipper-landing-myop .slide-bg-video {min-height: 85vh;}

}

/*-----------------------------------------------------------------*/
/*  SECCIÓN MEJOR OFERTA
/*-----------------------------------------------------------------*/

section.myop-landing__best-price__section { padding: 80px 0; position: relative; z-index: 0; height: 650px; display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; background-color: rgb(0 0 0 / 40%); background-image: url(https://www.myoperaplayer.com/sites/default/files/media/2023-11/myop-landing-bg-alt.jpg); }
section.myop-landing__best-price__section:after { content: ""; position: absolute; z-index: 1; width: 100vw; height: 650px; top: 0; left: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%); }
div.myop-landing__best-price__container { padding-top: 60px; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; }
section.myop-landing__best-price__section h1 {text-align: center; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%);}
section.myop-landing__best-price__section p {text-align: center; font-size: 22px; font-weight: 500; margin-bottom: 40px; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%);}
section.myop-landing__best-price__section p.small {font-size: 16px; font-weight: 300; margin-bottom: 0px; margin-top: 20px;}
/* section.myop-landing__best-price__section p.small b {font-weight: 500;} */

/*-----------------------------------------------------------------*/
/*  SECCIÓN DIRECTOS
/*-----------------------------------------------------------------*/

section.myop-landing__works__section { padding: 120px 0 0; }
div.myop-landing__works__container { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; position: relative; z-index: 2;  }
div.myop-landing__works__col-text { text-align: left; }
div.myop-landing__works__col-text h2 {font-size: 36px;}
div.myop-landing__works__col-text p {margin-bottom: 40px;}
div.myop-landing__works__col-text p.big {margin-bottom: 30px;}
div.myop-landing__works__col-text a.btn-red {margin-left: 0;}
div.myop-landing__works__col-gallery {display: grid; grid-template-columns: 1fr; gap: 0px;}
div.myop-landing__works__col-gallery figure { max-width: 100%; margin: 0; position: relative; overflow: hidden; max-height: 300px !important; }
div.myop-landing__works__col-gallery img { transition: transform .3s; }
/* div.myop-landing__works__col-gallery figure:hover img {transform: scale(1.05) rotate(-1deg);} */
div.myop-landing__works__col-gallery figcaption { position: absolute; z-index: 2; bottom: 0; left: 0; background: transparent; color: white; text-align: left; font-weight: 500; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%); padding: 30px; }
div.myop-landing__works__col-gallery figcaption p.title { font-size: 30px; font-weight: bold;}
div.myop-landing__works__col-gallery figcaption p.subtitle { font-size: 26px; font-weight: 300; margin-bottom: 10px;}
div.myop-landing__works__col-gallery figcaption p.description { font-size: 20px; font-weight: 300;}
div.myop-landing__works__col-gallery figcaption p.description b {font-weight: 600;}
div.myop-landing__works__col-gallery span { position: absolute; z-index: 2; top: 0; right: 0; background: transparent; color: white; text-align: left; font-size: 12px; font-weight: 300; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%); padding: 10px; }


/* div.myop-landing__works__col-gallery figure:before { content: ""; display: block; width: 1000px; height: 500px; background: rgb(0 0 0 / 35%); position: absolute; top: 0; left: 0px; transform: translateX(-800px) rotate(45deg); transition: all .55s; z-index: 1; }
div.myop-landing__works__col-gallery figure:hover::before { transform: translateX(-80px) rotate(45deg); } */

/* Video iframe */
div.video-iframe {position: relative; width: 100%; height: 100%;  }
div.myop-landing__works__container div.video-iframe {grid-column: 1/-1;}
div.video-iframe iframe{position: relative !important; width: 100%; height: 100%; aspect-ratio: 16 / 8.924; border: none;}


/*-----------------------------------------------------------------*/
/*  SECCIÓN OBRAS ESTRELLA
/*-----------------------------------------------------------------*/

section.myop-landing__star__section { /* padding: 120px 0 0; */ padding: 50px 0; position: relative; /* background: radial-gradient(circle, rgb(246 16 44) 0%, rgb(76 8 16) 100%); */ background: black; }
section.myop-landing__star__section::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 90%);
}
section.myop-landing__star__section::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 90%);
}
div.myop-landing__star__container { display: grid; grid-template-columns: 1fr; gap: 50px; position: relative; z-index: 2;  }
div.myop-landing__star__col-text { text-align: center; }
div.myop-landing__star__col-text p.big { margin-bottom: 10px; }
div.myop-landing__star__col-gallery {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
div.myop-landing__star__col-gallery figure { max-width: 100%; margin: 0; position: relative; overflow: hidden; }
div.myop-landing__star__col-gallery img {transition: transform .3s;}
div.myop-landing__star__col-gallery figure:hover img {transform: scale(1.05);}
div.myop-landing__star__col-gallery figcaption { position: absolute; z-index: 2; bottom: 0; left: 0; background: transparent; color: white; text-align: left; font-size: 15px; font-weight: bold; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%); }
div.myop-landing__star__col-gallery figcaption span { position: relative; right: unset; top: unset; padding: 0; display: block; }
div.myop-landing__star__col-gallery span { position: absolute; z-index: 2; top: 0; right: 0; background: transparent; color: white; text-align: left; font-size: 12px; font-weight: 300; text-shadow: 2px 2px 2px rgb(0 0 0 / 66%); padding: 10px; }
div.myop-landing__star__col-gallery div.img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 15%, rgba(0,0,0,0.9) 100%);}
/* div.myop-landing__star__col-gallery figure:before { content: ""; display: block; width: 1000px; height: 500px; background: rgb(0 0 0 / 35%); position: absolute; top: 0; left: 0px; transform: translateX(-800px) rotate(45deg); transition: all .55s; z-index: 1; }
div.myop-landing__star__col-gallery figure:hover::before { transform: translateX(-80px) rotate(45deg); } */

/*-----------------------------------------------------------------*/
/*  SLIDERS
/*-----------------------------------------------------------------*/

div.myop-landing__sliders__container {}
div.myop-landing__sliders__container > .field--item { /* overflow: hidden; */ position: relative; padding: 30px 0 10px; /* border-top: 1px solid rgb(255 255 255 / 10%); */ }

/* div.myop-landing__sliders__container > .field--item:nth-child(3),
div.myop-landing__sliders__container > .field--item:nth-child(6),
div.myop-landing__sliders__container > .field--item:nth-child(7),
div.myop-landing__sliders__container > .field--item:nth-child(8),
div.myop-landing__sliders__container > .field--item:nth-child(9),
div.myop-landing__sliders__container > .field--item:nth-child(10),
div.myop-landing__sliders__container > .field--item:nth-child(11),
div.myop-landing__sliders__container > .field--item:nth-child(12) {display: none;} */


div.myop-landing__sliders__container > .field--item .swiper-container {position: relative; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; width: 100vw;}
div.myop-landing__sliders__container > .field--item .swiper-container:before { content: ""; position: absolute; z-index: 2; display: block; width: 25%; height: 100%; top: 0; left: 0; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%); }
div.myop-landing__sliders__container > .field--item .swiper-container:after { content: ""; position: absolute; z-index: 2; display: block; width: 25%; height: 100%; top: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%); }

div.myop-landing__sliders__container > .field--item > .field--name-field-slider-titulo { margin: 0 0 20px !important; padding: 0 0 0 20px; font-weight: bold !important; font-size: 25px;}

div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider {position: relative;}
/** esto provoca un parpadeo */
/**.item.swiper-slide:hover { transform: none!important; } **/
div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > .myop-landing__sliders__col-slider__text { position: absolute; bottom: 15px; left: 15px; }
div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > .myop-landing__sliders__col-slider__text > h3 {margin: 0 !important; font-weight: 700 !important; font-size: 15px;}
div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > .myop-landing__sliders__col-slider__text > p {display: none;}
div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > figure {background: black;}
div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > figure > img {/* opacity: 0.5; */}

/*
div.myop-landing__sliders__container > .field--item .swiper-button-next,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-prev { top: -25px; left: auto; right: 10px; width: 8px; height: 12px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); }

div.myop-landing__sliders__container > .field--item .swiper-button-prev,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-next { top: -25px; left: auto; right: 25px; width: 8px; height: 12px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
*/

div.myop-landing__sliders__container > .field--item .swiper-button-next,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-prev { opacity: 0.5; transition: all.3s; right: 25px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); }
div.myop-landing__sliders__container > .field--item .swiper-button-next:hover,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-prev:hover {opacity: 1;}

div.myop-landing__sliders__container > .field--item .swiper-button-prev,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-next { opacity: 0.5; transition: all .3s; left: 25px; background-size: cover; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
div.myop-landing__sliders__container > .field--item .swiper-button-prev:hover,
div.myop-landing__sliders__container > .field--item .swiper-container-rtl .swiper-button-next:hover {opacity: 1;}

/*-----------------------------------------------------------------*/
/*  SECCIÓN TARJETA
/*-----------------------------------------------------------------*/

section.myop-landing__card__section { padding: 0px 0; }
div.myop-landing__card__container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;  }
div.myop-landing__card__col-text { text-align: left; position: relative; z-index: 2; }
div.myop-landing__card__col-tex h2 {margin-top: 0;}
div.myop-landing__card__col-text a.btn-red {margin-top: 35px; margin-left: 0;}
div.myop-landing__card__col-img {display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
div.myop-landing__card__col-img::before {content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: radial-gradient(circle, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 70%); z-index: 1; }
div.myop-landing__card__col-img figure { max-width: 100%; margin: 0; position: relative; overflow: hidden; transition: transform .3s; }
div.myop-landing__card__col-img:hover figure {transform: scale(1.05) rotate(-1deg);}
div.myop-landing__card__col-img img {}

div.myop-landing__card__col-img-unboxing {display: flex; align-items: center; justify-content: center; position: relative; }
div.myop-landing__card__col-img-unboxing figure { max-width: 100%; margin: 0; position: relative; overflow: hidden; transition: transform .3s; }
div.myop-landing__card__col-img-unboxing:hover figure {transform: scale(1.05) ;}
div.myop-landing__card__col-img-unboxing img {}



/*-----------------------------------------------------------------*/
/*  SECCIÓN SUSCRIBETE
/*-----------------------------------------------------------------*/

section.myop-landing__subscribe__section { padding: 40px 0; /* position: relative; background: radial-gradient(circle, rgb(200 16 46) 30%, rgb(139 10 31) 100%); */ background-color: var(--link);}
section.myop-landing__subscribe__section.estrecha {padding: 20px 0;}

/* section.myop-landing__subscribe__section::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
}
section.myop-landing__subscribe__section::after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);
} */


div.myop-landing__subscribe__container { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; align-items: center; position: relative; z-index: 2;  }
div.myop-landing__subscribe__col-text { text-align: left; position: relative; z-index: 2; }
div.myop-landing__subscribe__col-text h2 { font-size: 30px; margin-top: 0; margin-bottom: 10px;}
div.myop-landing__subscribe__col-text h2.solo {margin-bottom: 0;}
div.myop-landing__subscribe__col-text h2.small {font-size: 22px;}
div.myop-landing__subscribe__col-btn {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; gap: 15px;}
div.myop-landing__subscribe__col-btn a.btn-red {}


/*-----------------------------------------------------------------*/
/*  SECCIÓN DISPOSITIVOS
/*-----------------------------------------------------------------*/

section.myop-landing__devices__section { padding: 120px 0 120px; }
div.myop-landing__devices__container { display: block; }
div.myop-landing__devices__container__fila-text { display: block; text-align: center; margin-bottom: 90px;  }
div.myop-landing__devices__container__fila-text h2 { margin: auto auto 20px; max-width: 690px;}
div.myop-landing__devices__container__fila-devices {display: grid; grid-template-columns: 200px 200px 200px; gap: 50px; justify-content: space-evenly;}
div.myop-landing__devices__container__fila-devices__item {}
div.myop-landing__devices__container__fila-devices__item figure { max-width: 100px; margin: 0 0 25px; }
div.myop-landing__devices__container__fila-devices__item img {}
div.myop-landing__devices__container__fila-devices__item h3 {}
div.myop-landing__devices__container__fila-devices__item p {}



/*-----------------------------------------------------------------*/
/*  SECCIÓN FAQS
/*-----------------------------------------------------------------*/
section.myop-landing__faqs__section { padding: 120px 0 120px; background: radial-gradient(circle, rgb(246 16 44 / 40%) 20%, rgb(76 8 16 / 40%) 100%); position: relative; z-index: 0;} 
section.myop-landing__faqs__section:before { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 90%); z-index: 0;} 
div.myop-landing__faqs__container { position: relative; z-index: 2; opacity: 1 !important;}

div.myop-landing__faqs__section__fila-01 {display: flex; flex-flow: column; align-items: center; text-align: center; margin-bottom: 70px;}

div.myop-landing__faqs__section__fila-02 {width: 750px; margin:auto; }
section.myop-landing__faqs__section .faqs-container { position: relative; z-index: 2; }
section.myop-landing__faqs__section .faqs-container input { position: absolute; opacity: 0; z-index: -1; }
section.myop-landing__faqs__section .faqs-container .tabs { overflow: hidden; }
section.myop-landing__faqs__section .faqs-container .tab { width: 100%; overflow: hidden; }
section.myop-landing__faqs__section .faqs-container .tab-label { color: var(--base); font-weight: 500; display: flex; align-items: center; justify-content: space-between; padding: 20px 60px 20px 20px; font-size: 18px; cursor: pointer; position: relative; /* border-bottom: 1px solid #a0a0a0; */ transition: opacity 0.3s;}
section.myop-landing__faqs__section .faqs-container .tab-label:first-child {border-top: 1px solid #a0a0a0;}
section.myop-landing__faqs__section .faqs-container .tab-label:hover { opacity: .75; }
section.myop-landing__faqs__section .faqs-container .tab-label::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 13px; transition: all 0.5s; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Grupo_853' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 22.3 12.3' style='enable-background:new 0 0 22.3 12.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='21.1,-0.1 11.2,9.8 1.2,-0.2 -0.2,1.2 11.2,12.6 22.5,1.3 '/%3E%3C/svg%3E%0A"); transform-origin: top center; }
section.myop-landing__faqs__section .faqs-container .tab-content { max-height: 0; padding: 0 2em; color: var(--base); font-size: 15px; transition: all 0.5s; }
section.myop-landing__faqs__section .faqs-container .tab-content b, section.myop-landing__faqs__section .faqs-container .tab-content strong {font-weight: 500;}
section.myop-landing__faqs__section .faqs-container .tab-content ul { padding-top: 1em; padding-left: 2em; margin: 0; }
section.myop-landing__faqs__section .faqs-container .tab-content ul li {margin-bottom: 10px;}
section.myop-landing__faqs__section .faqs-container .tab-content ul li:last-child {margin-bottom: 0;}
section.myop-landing__faqs__section .faqs-container .tab-content a { }
section.myop-landing__faqs__section .faqs-container .tab-content a:hover { }
section.myop-landing__faqs__section .faqs-container input:checked + .tab-label {  }
section.myop-landing__faqs__section .faqs-container input:checked + .tab-label::after { transform: rotate(-180deg); }
section.myop-landing__faqs__section .faqs-container input:checked ~ .tab-content { max-height: 100vh; padding: 2em; }

div.myop-landing__faqs__section__fila-03 {margin-top: 120px;}
div.myop-landing__legales {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px 25px;}
div.myop-landing__legales a { opacity: 0.5; transition: opacity .3s; color: #FFFFFF; font-size: 10px; font-weight: 500; line-height: 27px; text-decoration: none; text-transform: uppercase;}     
div.myop-landing__legales a:hover { opacity: 1; }


/* estilos para el popup del video centrado en mitad de la pantalla*/
#videoPlayerPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    
}

#videoPlayerPopup #videoPlayerContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%!important;
    aspect-ratio: 10/6 !important;
    height: auto !important;     
    padding-top: 0!important;
    transform: translate(-50%, -50%);
}

#videoPlayerPopup #videoPlayerContainer .video-js{
    height: auto !important;
}

#videoPlayerPopup #videoPlayerContainer .videoPlayerTitle {
    position: absolute;
    bottom: 80px;
    left: 30px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: rgba(0,0,0,0.5);
    border: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
}
#videoPlayerPopup #videoPlayerContainer .videoPlayerAuthor {
    position: absolute;
    bottom: 60px;
    left: 30px;
    margin-top: 10px;
    margin-right: 10px;
    background-color: rgba(0,0,0,0.5);
    border: none;
    color: white;
    font-size: 14px;    
}
#videoPlayerPopup #videoPlayerContainer .closeButtonPlayerPopup {
    position: absolute;
    top: -40px;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    
}



#videoPlayerPopup .vjs-big-play-button {
  top: 60% !important;
  left: 60% !important;
}

.myop-landing__sliders__col-slider{
    cursor: pointer;
}


.popup-carnet-joven{ display: none; }
.popup-carnet-joven .panel-body{
    display: flex;
    align-items: flex-end;    

}
.popup-carnet-joven .panel-body .form-item{
    margin-bottom: 0;
}
.popup-carnet-joven input{
    border-radius: 0;    
}
.popup-carnet-joven .btn-carnet-joven{
    padding: 6px 30px;
  margin-left: 20px;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  background: transparent;
}

@media screen and (max-width: 680px){
    .popup-carnet-joven .panel-body{ 
        flex-wrap: wrap;
    }
    .popup-carnet-joven input{
        margin-bottom: 10px;
    }
    .popup-carnet-joven .btn-carnet-joven{
        margin-left: 0;
    }
}

    /*-------------------------------------------------------------------------------------------------------------------- RESPONSIVE ---------------*/

    /*-----------------------------------------------------------------*/
    /*  IPAD
    /*-----------------------------------------------------------------*/
    @media (max-width:1023px) {

        /* GENERALES */        
        main.rc-main h1 span.small {font-size: 22px;}
        main.rc-main h2 {font-size: 27px; margin-bottom: 10px;}
        main.rc-main h3 {font-size: 19px;}
        main.rc-main p.big { font-size: 16px; }

        .btn-red {max-width: 250px;}
        .btn-white-contour {padding: 15px;}

        /* SWIPPER HOME */
        .swipper-landing-myop > .swiper-wrapper > .swiper-slide,
        .swipper-landing-myop > .swiper-wrapper > .swiper-slide:after {height: 450px;}
        .swipper-landing-myop .slide-bg-video {min-height: 450px;}
        .swipper-landing-myop > .swiper-wrapper > .swiper-slide > .swipper-slide-container {padding-top: 0px;}
        .swipper-landing-myop h1 {font-size: 32px !important; width: 85%; margin-inline: auto; }
        .swipper-landing-myop p {font-size: 19px; margin-bottom: 30px; width: 85%; margin-inline: auto;}
        .swiper-rows-loop-home .item.swiper-slide {max-width: 100%;}

        /* BEST PRICE */
        section.myop-landing__best-price__section {height: 450px;}
        section.myop-landing__best-price__section:after {height: 450px;}
        div.myop-landing__best-price__container {padding-top: 30px;}
        section.myop-landing__best-price__section h1 {font-size: 35px;}
        section.myop-landing__best-price__section p {font-size: 19px; margin-bottom: 30px;}

        /* WORKS */
        section.myop-landing__works__section {padding: 30px 0 0;}
        div.myop-landing__works__container {gap: 40px;}
        div.myop-landing__works__col-gallery figcaption p.title { font-size: 26px;}
        div.myop-landing__works__col-gallery figcaption p.subtitle { font-size: 21px;}
        div.myop-landing__works__col-gallery figcaption p.description {font-size: 14px;}
        div.myop-landing__works__col-gallery span {font-size: 10px;}

        /* STAR */
        section.myop-landing__star__section {padding: 45px 0 0;}
        div.myop-landing__star__container { gap: 30px;}
        div.myop-landing__star__col-text p {font-size: 12px;}
        div.myop-landing__star__col-gallery {grid-template-columns: 1fr 1fr 1fr;}

        /* TARJETA */
        /*  div.myop-landing__card__col-text a.btn-red { margin-top: 20px; }
        div.myop-landing__card__col-text div.two-btn-row {justify-content: center;} */

        /* TARJETA */
        section.myop-landing__card__section { padding: 0 0 80px; }
        div.myop-landing__card__container { display: flex; flex-direction: column-reverse; gap: 0px; align-items: center; }
        div.myop-landing__card__col-img {max-height: 500px;}
        div.myop-landing__card__col-text {text-align: center;}
        div.myop-landing__card__col-text div.two-btn-row {justify-content: center;}
        div.myop-landing__card__col-text a.btn-red { margin-left: auto; }

        /* SUBSCRIBE */
        div.myop-landing__subscribe__col-text h2 {font-size: 22px;}

        /* DISPOSITIVOS */
        section.myop-landing__devices__section {padding: 60px 0; /* padding: 0 0 60px; */}
        div.myop-landing__devices__container__fila-text {margin-bottom: 50px;}
        div.myop-landing__devices__container__fila-text h2 {max-width: 440px;}
        div.myop-landing__devices__container__fila-devices { grid-template-columns: 150px 150px 151px; justify-content: space-evenly;}
        div.myop-landing__devices__container__fila-devices__item figure {max-width: 70px;}

        /* PREGUNTAS FRECUENTES */
        section.myop-landing__faqs__section {padding: 45px 0 150px;}
        div.myop-landing__faqs__section__fila-01 {margin-bottom: 45px;}
        div.myop-landing__faqs__section__fila-02 { width: 550px;}

    }
/*-----------------------------------------------------------------*/
/*  MOVIL
/*-----------------------------------------------------------------*/
    @media (max-width:767px) {
    
    /* GENERALES */
    main.rc-main h2 { font-size: 22px; }
    div.two-btn-row {flex-direction: column; gap: 20px; margin-top: 35px;}
    div.two-btn-row > div.two-btn-button > .btn-red {margin-top: 0;}

    /* BEST PRICE */
    section.myop-landing__best-price__section, section.myop-landing__best-price__section:after { height: 100vh;}
    div.myop-landing__best-price__container {}

    /* SWIPPER HOME */
    .swipper-landing-myop > .swiper-wrapper > .swiper-slide,
    .swipper-landing-myop > .swiper-wrapper > .swiper-slide:after {height: 100vh;}
    .swipper-landing-myop .slide-bg-video {min-height: 100vh;}
    div.myop-landing__sliders__container > .field--item .myop-landing__sliders__col-slider > .myop-landing__sliders__col-slider__text {width: 70%; text-align: center; left: 50%; transform: translateX(-50%);}
    div.myop-landing__sliders__container > .field--item > .field--name-field-slider-titulo {font-size: 20px; line-height: 1.2; margin-bottom: 0px !important;}

    .swipper-landing-myop .slide-video-mobile .slide-bg-video > video {min-height: inherit;}
    .swipper-landing-myop > .swiper-wrapper > .swiper-slide.slide-video-mobile:after {background-image: none;}

    .video-js.vjs-fluid { height: 100vh !important; padding: 0 !important; }
    .video-js .vjs-tech { top: 0; transform: none; /*height: 100vh;*/ object-fit: cover; }

   
    section.myop-landing__swipper__section .swiper-button-next,
    section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-prev {right: 10px;}

    section.myop-landing__swipper__section .swiper-button-prev,
    section.myop-landing__swipper__section .swiper-container-rtl .swiper-button-next {left: 10px;}


    /* WORKS */
    div.myop-landing__works__container {grid-template-columns: 1fr; gap: 0px;}
    div.myop-landing__works__col-text { text-align: center; }
    div.myop-landing__works__col-gallery figcaption { text-align: center; }
    div.myop-landing__works__col-gallery figcaption p.title { font-size: 20px; }
    div.myop-landing__works__col-gallery figcaption p.subtitle { font-size: 18px; }
    div.myop-landing__works__col-text a.btn-red { margin: 0 auto 30px; }

    /* STAR */
    section.myop-landing__star__section { padding: 45px 0; }
    div.myop-landing__star__col-gallery {grid-template-columns: 1fr; gap: 5px;}
    div.myop-landing__star__col-gallery figcaption {padding: 10px; font-size: 16px;}
    div.myop-landing__star__col-gallery span {padding: 5px 10px;}

    /* SUBSCRIBE */
    div.myop-landing__subscribe__container {grid-template-columns: 1fr; gap: 15px;}
    div.myop-landing__subscribe__col-text { text-align: center; }

    /* TARJETA */
    div.myop-landing__card__container { display: flex; flex-direction: column-reverse; gap: 0px; align-items: center; }
    div.myop-landing__card__col-img {max-height: 200px;}
    div.myop-landing__card__col-text {text-align: center;}
    div.myop-landing__card__col-text a.btn-red { margin-left: auto; }

    /* DEVICES */
    section.myop-landing__devices__section { padding: 60px 0; }
    div.myop-landing__devices__container__fila-devices {grid-template-columns: 1fr;}
    div.myop-landing__devices__container__fila-devices__item { display: flex; flex-direction: column; align-items: center; text-align: center; }

    /* PREGUNTAS FRECUENTES */
    section.myop-landing__faqs__section { padding: 45px 0 250px; }
    div.myop-landing__faqs__section__fila-02 { width: 100%; }
    
    .cta.Destacado .wrap-content-hero .contentcenter p { text-align: left; width: 100%; max-width: 100%; }
	.cta.Destacado .wrap-content-hero .contentcenter .button_cta { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 30px;  }
	.cta.Destacado .wrap-content-hero .contentcenter .button_cta a { display: flex; align-items: center; justify-content: center; padding: 20px; width: 190px; margin: 0 !important; }


    /* FORMACION */
    .page-node-type-formacion .field--name-field-formacion-extra{
        position: relative;
    }
    
    .page-node-type-formacion .formatosapps {
        display: none;
        top: auto;
        left: auto;
        right: auto;
    }

    .page-node-type-formacion .field--name-field-formacion-extra{
        top: auto;
        bottom: auto;
        height: auto;
    }
    .page-node-type-formacion .resumenvideoteca .listado .field{
        padding: 5px 0px 5px 30px;
    }
    .page-node-type-formacion .resumenvideoteca.panel > .panel-body{
        height: 280px;
    }
    .tabsVideoteca, .field-group-tabs-wrapper{
        width: 95%;
    }

    div#videoPlayerPopup div#videoPlayerContainer {
        width: 90%!important;
    }
}