/* Generales */

:root{
  --primary-color:#BD4EA1;
  --primary-dark-color:#470F32;
  --secondary-color:#470F32;
  --third-color:#C4C4C4;
}

.base-btn:hover{
  text-decoration: underline;
}
.base-btn.primary {
  background: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
}
.base-btn.primary, .base-btn.secondary:hover {
  background: var(--primary-color);
  color: #fff;
  border: 1px solid var(--primary-color);
}
.base-btn.primary:hover, .base-btn.secondary {
  background: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

/*+++++++++ estilos que aplican para varias clases de diferentes modulos +++++*/

a, .card-noticias__anchor, .categorias.vinculos .circle-item a, .hu23tabs.tabs ul li a {
    color: #BD4EA1;
    font-weight: 600;
}
#disable-content, .imagen .grafico .grafico-personajes, .location__card, .container__hu40.eventos-y-actividades #resource-listing .date__card::before, .help .content-item .item:last-child, .banner-container-home .banner-text h1,
.banner-container-home .banner-text:before, #main-slider .swiper-pagination, .hs-content-id-72109900960 .card-noticias__date, .hs-content-id-93040294536 .hs-breadcrumb-menu-wrapper, .banner-container-home .banner-text p, .item-compra-plan, .comprar-fixed, logo-supersubsidio, #banner-publicitario {display: none !important}

/*+++++++++++ Fin de estilos que aplican para varias clases de diferentes modulos +++++++++++++*/

/*+++++++++++++++ Inico de Header ++++++++++++++*/
.header .content .header-item .item span, .texto-cerrar, .sidebar-content li.hs-menu-item a {color: #2D2D2D;}
.header .content .header-item .item.header-menu {padding: 24px 25px 25px;background-color: #ffd000;}
.section.post-header img {max-height: 530px;}
.header.fixed {background: #470F32;}
    margin-top: 0px !important;
    width: 210px;
}
#sidebar, #closer {background: #FFD000;}
#sidebar hr {border-bottom: 1px solid rgb(255 255 255 / 20%);}
.hero-section {margin-top: 0px;}
.header .content .header-item {
    display: table;
    float: right;
}
.header .content .header-item .item img {
    cursor: pointer;
    vertical-align: middle;
}
.header .content .logo {
  float: left;
  padding: 12px;
}
.header .content .logo {
    margin-left: 2px;
    padding: 4px 8px;
}
.header .content .header-item .item{
  float: left;
  padding: 24px 25px;
  cursor: pointer;
}
.header .content {
  display: table;
  width: 100%;
}
.header .content .logo img.desktop {
  display: block;
  margin-top: 8px;
}
.header .content .logo img.mobile {
    display: none;
    width: 60px;
} 
/*++++++++++++ Fin del Header +++++++++++++++++++*/
.banner-container-home .swiper-pagination.swiper-pagination-banner.swiper-pagination-clickable.swiper-pagination-bullets {margin-bottom: 16px;}
#hu09-swiperPlayButton.btn-lg, .play-large, .banner-container-home .swiper-pagination-bullet-active, .hu35-image__gallery .swiper-pagination-bullet-active, .hero-int-b:before {background-color: #BD4EA1 !important;}
.banner-container-home .banner-text, .banner-container-home .metricas-banner.btn, .banner-container-home a.btn:hover {
    background-color: transparent !important;
    color: transparent !important;
    border-radius: initial;
    border: 0 !important;
    padding: 0;
    position: absolute;
    max-width: 100%;
    height: 100% !important;
    min-width: 100%;
    top: 0;
    left: 0;
    margin: 0 !important;
}
/*++++++La clase swiper es una libreria la cual es usuada por muchos modulos
 *++++++ Es usada en varios componentes como hu09,hu35,hu47,hu23 ++++++++*/
/* .swiper-slide {width: 100% !important;} */
.swiper-button-next-banner:after, .swiper-button-prev-banner:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px !important;}
/* .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: url(https://www.teatrocolsubsidio.com/hubfs/xposible/iconos/down-icon.svg) !important;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {transform: rotate(180deg);} */
.banner-container-home .banner-button.primario a.btn, .banner-container-home .banner-button.secundario a.btn, .banner-container-home .banner-button.primario a.btn:hover, .banner-container-home .banner-button.secundario a.btn:hover {
  position: absolute;
  width: 100%;
  height: 100% !important;
  border: 0 !important;
  background: transparent !important;
}
/*++++++++ FIN hu09 y clase generica swiper +++++++++++++*/

/*++++++++ Agenda +++++++++++++*/
/*++++++++ Inicio hu13 Cards Events y hu40 Eventos y actividades +++++++++++++*/
.container__hu40.eventos-y-actividades form#form_id {max-height: initial;}
.calendar .card__event__text {
    border-bottom: 17px solid #e2e8ee;
    padding: 20px 20px 0;
    max-height: 200px;
    overflow: hidden;
}
.calendar .fc-event .fc-content, .calendar a.fc-more {background: #f0f0f0;}
.calendar a.fc-day-grid-event.fc-event {
    overflow: hidden;
    color: #757575 !important;
    border-color: #757575 !important;
}
.wrapp input:checked ~ .checkmark, .container__hu40__mobile.eventos-y-actividades .swiper-pagination-bullet-active {background-color: #470F32 !important}
.eventos-y-actividades #resource-listings-ev>ul.list.resource-list-event {margin-top: 0px;}
.container__hu40.eventos-y-actividades #filterv, .calendar button#filter {
    color: #470F32;
    border: 1px solid #470F32;
    padding: 7px 30px;
    height: 54px;
    display: flex;
    align-items: center;
    text-indent: 0;
}
.container__hu40.eventos-y-actividades #filterv .flecha, .calendar button#filter .hu41flecha {
    content: url(https://www.teatrocolsubsidio.com/hubfs/develop-images/Arrow-xposible.svg);
    margin: 0px 0 0 30px;
    transform: rotate(90deg);
    width: 8px;
  position: relative;
}
.calendar .fc-event .fc-content {color: #101820 !important;}
.calendar .img-card {display: block;}
.container__hu40.eventos-y-actividades #resource-listing .card__event__tag, .container__hu40__mobile.eventos-y-actividades span.card__event__tag, .calendar span.card__event__tag {
    margin: 6px 0 0px 6px;
    padding: 6px 10px;
    font-size: 10px;
    display: inline-block;
}
.container__hu40.eventos-y-actividades #resource-listing .card__event__link::after, .container__hu40.eventos-y-actividades .container__hu40__header__link::after {
  content: url('https://www.teatrocolsubsidio.com/hubfs/teatro/iconos/flecha-derecha.svg');
  padding: 2px 0 0 10px;
  width: auto;
}
.calendar a.card__event__link:after {
    content: url(https://www.teatrocolsubsidio.com/hubfs/develop-images/link-arrow-xposible.svg);
}

ul.resource-list-event li:nth-child(1) .card__event__text, .container__hu40__mobile.eventos-y-actividades li:nth-child(1) .card__event__text {background: rgba(129 179 69 / 15%);}
ul.resource-list-event li:nth-child(2) .card__event__text, ul.resource-list-event li:nth-child(4) .card__event__text, ul.resource-list-event li:nth-child(6) .card__event__text, 
.container__hu40__mobile.eventos-y-actividades li:nth-child(2) .card__event__text, .container__hu40__mobile.eventos-y-actividades li:nth-child(4) .card__event__text,
.container__hu40__mobile.eventos-y-actividades li:nth-child(6) .card__event__text {background: #F6F7FC;}
ul.resource-list-event li:nth-child(3) .card__event__text, .container__hu40__mobile.eventos-y-actividades li:nth-child(3) .card__event__text {background: rgba(168 60 124 / 15%)}
ul.resource-list-event li:nth-child(5) .card__event__text, .container__hu40__mobile.eventos-y-actividades li:nth-child(5) .card__event__text {background: rgba(80 183 227 / 15%);}

.container__hu40.eventos-y-actividades #resource-listing .card__event__content {height: 180px;}
.card__event__content .date__card, .card__event__content .time {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #2e2e2e;
}
.card__event__content .date__card span, .card__event__content .time span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.container__hu40.eventos-y-actividades #resource-listing p.description {overflow: hidden;}
.container__hu40.eventos-y-actividades #resource-listing .card__event__link {
  height: 24px;
  margin: 0;
  position: relative;
}
.container__hu40.eventos-y-actividades #resource-listing .card__event__link::after {margin: 0;}
.fc-button .fc-icon {
/*   right: 18px; */
  position: relative;
}
.fc-icon-chevron-right:before, .fc-icon-chevron-left:before {
  left: 18px;
  position: initial;
}
.fc-button:disabled, .fc-button:hover:disabled, .calendar .fc-today-button {  
  text-align: right;
  width: 50px;
}
.calendar .fc-today-button:hover:not(:disabled) {
    background: #470F32!important;
    color: #fff!important;
    border: 1px solid #470F32!important;
}
/*+++++++++++ Fin hu13 Cards Events y hu40 Eventos y Actividades +++++++++++++*/

/*+++++++++++ Inicio hu23 component tabs +++++++++++++*/
.hu23tabs.tabs .item-activo, .hu23tabs.tabs ul li:hover, .hu23tabs.tabs div.swiper-wrapper div.swiper-slide:hover {border-bottom: 5px solid #470F32!important;}
/*+++++++++++ Fin hu23 component tabs  +++++++++++++*/

/************* Inicio HU38 ******************/
.hu38-acordeon .tab-label::after{
 content: url(https://www.teatrocolsubsidio.com/hubfs/img/xposible/iconos/+Xposible.svg); 
}
.hu38-acordeon input:checked+.tab-label:after{
  content: url(https://www.teatrocolsubsidio.com/hubfs/img/xposible/iconos/-Xposible.svg);
}
/************* Fin HU38 *********************/

/*++++++++++++++++ Inicio hu44Jumbotron ++++++++++++++++*/
#jumbotron {
    align-items: flex-start;
    background: url('https://www.teatrocolsubsidio.com/hubfs/teatro/home/bg-jumbotron-home.jpg') no-repeat, #101820;
    background-position: center right;
    background-size: cover;
    border-radius: 6px;
    padding: 50px 52% 50px 60px;
}
#jumbotron p.cta-text {
    text-align: left;
    padding: 0;
}
/*++++++++++++++ Fin hu44Jumbotron ++++++++++++++*/

/*++++++++++++++ recorrido virtual *++++++++++++++/
.swiper-container .filter-layer {background-color: rgba(0,0,0,0.6) !important;}
/*++++++++++++++ Fin recorrido virtual ++++++++++++++*/

/*+++++++++++++++++  colapsable Inicio hu41 preguntas frecuentes +++++++++++++++++*/
.acordeon .tab-label:hover, .hu41-preguntas-frecuentes.accordion .a-container p.a-btn:hover {background: rgb(193 2 48 / 3%) !important;}
.hu41-preguntas-frecuentes.accordion .a-container .a-btn span:before, .hu41-preguntas-frecuentes.accordion .a-container span.plus-minus:before,
.hu41-preguntas-frecuentes.accordion .a-container .a-btn span:after, .hu41-preguntas-frecuentes.accordion .a-container span.plus-minus:after,.test-container .swiper-container .swiper-pagination-bullet-active {background-color: #470F32 !important;}
.hu41-preguntas-frecuentes.accordion .a-container.active .a-btn, .acordeon input:checked+.tab-label, #sidebar .sidebar-content>span>div>ul>li.hs-item-has-children ul {border-bottom: 1px solid #470F32;}
.acordeon .tab-label::after {
    content: '+';
    color: #470F32;
    font-size: 40px;
    font-weight: 400;
    line-height: 20px;
    width: 20px;
    height: 20px;
}
.acordeon input:checked+.tab-label::after {content: '-';}
/*+++++++++++++++++ Fin hu41 preguntas frecuentes +++++++++++++++++*/

/*+++++++++++++++++ Inicio Botones +++++++++++++++++*/
.cta-content a.btn, a .btn-banner-alojamiento, a.btn.btn-azul, div.card-noticias #load-more2, .container-cta a.btn, .container__hu40.eventos-y-actividades #loady, a.banner-cta-btn,
.container__hu40.eventos-y-actividades form#form_id input#submit-button:hover, div.card-noticias #load-more, .container-imgext .hu49button, .calendar input#submit-button:hover, .hs-form.stacked:not(#hu37-suscripcion .hs-form.stacked) .hs_submit.hs-submit input,
#botonera .row-fluid-wrapper .acceso .cta-content a.btn:hover {
    background: #BD4EA1 !important;
    color: white !important;
    border: 1px solid #BD4EA1 !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}
.cta-content a.btn:hover, .btn-banner-alojamiento:hover, a.btn.btn-azul:hover, div.card-noticias #load-more2:hover, .container-cta a.btn:hover, .container__hu40.eventos-y-actividades form#form_id input#submit-button,
div.card-noticias a#load-more:hover, .container-imgext .hu49button:hover, .calendar input#submit-button, .container__hu40.eventos-y-actividades #loady:hover, a.banner-cta-btn:hover, .hs-form.stacked:not(#hu37-suscripcion .hs-form.stacked) .hs_submit.hs-submit input:hover,
#botonera .row-fluid-wrapper .acceso .cta-content a.btn {
    background: white !important;
    color: #BD4EA1 !important;
    border: 1px solid #BD4EA1 !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}
#botonera .row-fluid-wrapper {
  display: inline-block;
  width: 45%;
  margin: 0 2%;
  vertical-align: top;
}
#botonera .row-fluid-wrapper .cta-content a.btn {min-width: 196px !important;}
/*++++++++++++++ Fin Botones ++++++++++++++*/

/*+++++++++++++ Menú de navegacion interna +++++++++++++*/
.hs-menu-flow-vertical {position: relative;}

.hs-menu-flow-vertical ul {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  display: block;
  font-size: 0px;
  margin: 30px 0px 50px;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.hs-menu-flow-vertical ul li {
  border-bottom: 5px solid transparent;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  transition: border-bottom 0.6s;
  transition-timing-function: ease;
}

.hs-menu-flow-vertical ul li.active {
  border-bottom: 5px solid #470F32 !important;
}
.hs-menu-flow-vertical ul li:hover {
  border-bottom: 5px solid #E5E5E5;
}

.hs-menu-flow-vertical ul li a {
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  text-decoration: none;
}
/*+++++++++++++  Fin Menú navegacion interna  +++++++++++++*/

/*++++++++++++++++ En medios ++++++++++++++++*/
.cards-amazing .titulo-card {
    font-weight: 600;
    padding: 0 0 18px 0;
    color: gray;
    font-size: 17px;
}
.redes-lista img {width: 20px;}

/*++++++++++++++ Inicio del Footer ++++++++++++++*/
.footer_link .content .left a, .footer_link .content .right, .follow .items a, .follow h2, .about .nav_about a, .about h2, .swiper-container .P-banner-text-container h3, #jumbotron h2.cta-title, #jumbotron p.cta-text {color: white}
.footer-container-wrapper .row-number-4, .footer-container-wrapper .row-number-5, .footer-container-wrapper .footer_link {background: #2D2D2D;}
.about {background-color: #333333;}
.follow {border-bottom: 1px solid rgb(255 255 255 / 10%);}
.follow .up img {background: #BD4EA1;}
/*+++++++++++++++ Fin del Footer +++++++++++++++*/

/******************** Inicio de estilos para HU29a **********************/
.hu29aArrow{
  content: url(https://www.teatrocolsubsidio.com/hubfs/develop-images/Arrow-xposible.svg);
}
.flecha-der img{
   content: url(https://www.teatrocolsubsidio.com/hubfs/img/xposible/iconos/Adelante-xposible.svg);
}
.flecha-izq img{
  content: url(https://www.teatrocolsubsidio.com/hubfs/img/xposible/iconos/Atras-xposible.svg);
}
/******************** Fin de estilos para HU29a **********************/

/*+++++++++++++ Inicio de los media querys +++++++++++++*/
@media only screen and (min-width: 320px) and (max-width: 1024px) {
/*+++++++++++++++ Inicio Menú vertical  +++++++++++++++*/
  .hs-menu-flow-vertical ul {
    margin: 70px 0px 50px;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .hs-menu-flow-vertical:before {
    background: white;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    border-radius: 50%;
    content: url(https://www.teatrocolsubsidio.com/hubfs/xposible/iconos/down-icon.svg);
    color: #0067b1;
    font-size: 26px;
    height: 36px;
    position: absolute;
    padding: 0px 14px;
    right: 6px;
    top: 4px;
    width: 36px;
    z-index: 2;
  }
/*++++++++++++++   Fin de Menú vertical   ++++++++++++++*/
  
/*++++++++++++  Inicio Hu41 preguntas frecuentes   ++++++++++++*/
  .hu41-preguntas-frecuentes.accordion .a-container .a-btn {padding: 20px 40px 20px 20px;}
/*++++++++++++++ Fin hu41 preguntas frecuentes   ++++++++++++++*/
  
/*+++++++++++++++++ Inicio hu44 Jumbtron   +++++++++++++++++*/
  #jumbotron {background-size: contain;}
/*+++++++++++++++++ Fin hu44Jumbotron   +++++++++++++++++*/
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
/*+++++++++++++++++  Inicio del Header  +++++++++++++++++*/
  .header .content .logo img.mobile {
    display: block!important;;
    width: 52px;
  }
  .header .content .logo img.desktop{
     display:none!important;
    }
  /* .header .content .logo img.desktop, .only-pc {
      display: none!important;
    } */
  .header .content .header-item .item{
      align-items: center;
      display: flex;
      height: 60px;
      justify-content: center;
      padding: 0;
      width: 60px;
    }
  .header-item .item span {
      display: none!important;
    }
    header .content .logo {
      margin-left: 0;
    }
   .header .content .logo img.mobile {width: 108px;}
}
/*+++++++++++++++++ Fin de Header +++++++++++++++++*/

/*+++++++++++ Inicio hu23 component tabs +++++++++++*/
  .hu23tabs.tabs div.swiper-wrapper div.swiper-slide a {color: #470F32;}
/*+++++++++++ Fin hu23 component tabs +++++++++++*/

/*++++++++++++++++ Inicio Botones ++++++++++++++++*/
  #botonera .row-fluid-wrapper {
    width: 98%;
    margin: 16px 2% 0 !important;
  }
/*+++++++++++++++++ Fin Botones +++++++++++++++++*/

/*+++++++++++++++ Inicio de clases usadas en varios componentes  +++++++++++++++*/
  .widget_1652197245862.main-banner-container {background-position: center bottom;}
  .banner-text-left {background-position: 70% 0% !important;}
  .P-banner-text-container {
    margin: 0 auto;
  }
/*++++++++++++++++++++ Fin de clases usadas en varios componentes ++++++++++++++++++++*/

/*++++++++++++++++++++ Inicio del Footer ++++++++++++++++++++*/
  .footer_link {
    padding: 30px 20px 100px;
  }
/*++++++++++++++++++++ Fin del Footer  ++++++++++++++++++++*/

/*++++++++++++++++++++ Inicio hu44Jumbotron ++++++++++++++++++++*/
  #jumbotron {
      align-items: center;
      background-position: top right;
      background-size: 200%;
      padding: 62vw 10% 40px;
  }
  #jumbotron p.cta-text {text-align: center;}
/*++++++++++++++++++ Fin hu44Jumbotron ++++++++++++++++++*/

/*++++++++++++++++++ Inicio hu40 Eventos y Actividades ++++++++++++++++++*/
  .container__hu40__mobile.eventos-y-actividades .swiper-button-prev, .container__hu40__mobile.eventos-y-actividades .swiper-button-next {
    display: initial !important;
    padding: 0px 22px;
    top: 30%;
    border: 1px solid #470F32;
  }
  .container__hu40__mobile.eventos-y-actividades .swiper-button-prev:after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 22px;
    left: 14px;
  }
  .container__hu40__mobile.eventos-y-actividades .swiper-button-next:after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 13px;
    left: 17px;
  }
  .container__hu40__mobile.eventos-y-actividades {padding-bottom: 10% !important;}
  .container__hu40__mobile.eventos-y-actividades .swiper-slide p.description {height: inherit !important;}
  .container__hu40__mobile.eventos-y-actividades #resource-listing .card__event__content {
    padding: 0% 8% 6% 6%;
    height: 190px;
  }
/*++++++++++ Fin hu40 Eventos y Actividades ++++++++++*/

/*++++++++++ HU14-Countdown header ++++++++++*/

/* .countdown {
  z-index: 9999;  //El módulo HU14 ya tiene un z-index
} */

.countdown .close {
  display: none;
}

/* .countdown .description_countdown {
  width: 50%;
  font-size: 20px !important;
  justify-content: flex-end;
} */

.countdown .time-countdown {
  width: 50%;
}

.countdown .cont-general {
  gap: 40px;
}

#sidebar {
  top: 0;
}

/* .widget-type-widget_container.main-banner {
  margin-top: 1rem;
} */

.hero-section.interna-a .hero-container {
  margin: 104px 0 0 !important;
}

.hero-section.interna-a .hero-container {
  margin: 60px 0 0 !important;
}

/* .hs-breadcrumb-menu-wrapper {
  margin-top: 2rem;
} */

@media (max-width: 769px) {
  .countdown .description_countdown {
    font-size: 11px !important;
  }

  .hero-section.interna-a .hero-container {
    margin: 90px 0 0 !important;
  }

/*   .widget-type-widget_container.main-banner {
    margin-top: 3rem;
  } */
  
  .hero-section.interna-a .hero-container {
    margin: -15px 0 0 !important;
  }
}

/*++++++++++ Fin HU14-Countdown header ++++++++++*/