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

/*Bolas de descuento - cambio colores*/
#core_container .discount_holder.color_1 {
    background-color: #793bd3;
}
#core_container .discount_holder.color_2 {
    background-color: #0ff100;
}
#core_container .discount_holder.color_3 {
    background-color: #ff8d00;
}

body{
    font: 16px 'Montserrat', sans-serif!important;
    background-color: black!important;
}

#web5 .card-img{
    padding: 16px!important;
}

#sessions_numbered {
    display: none;
}

.split_card_container {
    top: 0px!important;
    width: 100%!important;
    left: 0px!important;
    background-color: #000000!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    min-height: 115px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
    align-items: center;
}
.text_show_holder {
    gap: 8px;
}

#core_container {
    background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed;
    padding-top: 128px!important;
}

#home{
        background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
        background-attachment: fixed;
    min-height: 900px;
    
}

.checkout_core_container, .confirmation_core_container, .sessions_unnumbered_container_great {
        background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
        background-attachment: fixed;
}
.container_info {
    background-color: black!important;
}
#sessions {
        background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
        background-attachment: fixed;
}

.month_container.month_container_main{
    background-color: transparent!important;
}

#calendar {
    background-color: transparent!important;
}

#seating_container {
    background-color: transparent!important;
}

#aforo_container {
    border-left: 1px solid #ffffff!important;
}

.monthItem_container {
    color: white!important;
}

.month_container_main div {
    color: white!important;
}

.image_event {
    object-fit: contain!important;
    background-image: none!important;
}

.progress_bar_breadcrumb {
    visibility: hidden;
}

.checkout_core_container .web5-container {
    background-color: transparent;
}

#progress_bar {
    background-color: #000!important;
}

a {
    color: white;
}

.checkout_holder .card {
    background-color: transparent!important;
}

#web5 .card, #web5 .card div, #web5 .card h1, #web5 .card h2, #web5 .card h3, #web5 .card h4, #web5 .card h5 {
    background-color: transparent!important;
    color: #ffffff!important;
}

#web5 .card{
    background-color: rgba(0, 0, 0)!important;
}

.template_holder {
    margin-top: 0.5rem!important;
}

.template_button{
    max-height: 30px!important;
}

.personal_info input.MuiInputBase-input.MuiOutlinedInput-input {
    color: black!important;
}

@media only screen and (max-width: 480px){
    .discount_holder {
    right: -14px!important;
}

.sessionButton {
    padding-right: 5px!important;
}  
}

.personal_info .Mui-focused, .personal_info .MuiFormLabel-filled{
background-color: white!important;
padding:2px!important;
border-radius: 4px!important;
}

button#accept:hover {
    color: white!important;
}

.confirmation_core_container{
    background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
        background-attachment: fixed;
}

.botonZoom img {
    width: 20px!important;
}

.OpcionesButacas .botonZoom{
padding: 0px!important;
}

/*Sesion agotada*/
#calendar .soldOut {
    opacity: 1;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width: 1400px){
#calendar .soldOut:after {
    content: 'AGOTADO';
    font-size: 16px;
    text-align: center;
    color: red;
    font-weight: 600;
}
}
@media only screen and (max-width: 1400px){
    #calendar .soldOut:after {
        content: 'AGOTADO';
        font-size: 14px;
        text-align: center;
        color: red;
        font-weight: 600;
    }
    }
#calendar .soldOut div {
    display: none;
}

@media only screen and (max-width: 480px) {
    #calendar .soldOut:after {
        content: 'AGOTADO';
        font-size: 10px;
        width: 100%;
        padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 4px;
    background-color: white;
    }
    button.sessionButton {
        padding-top: 10px;
        padding-bottom: 5px;
        padding-right: 0px!important;
        background-color: transparent;
        border: none;
    }
    button.sessionButton > div:first-child {
        background-color: white;
        border-radius: 4px;
    }
    .discount_holder {
        width: 20px!important;
        height: 20px!important;
        padding: 0px;
        display: flex!important;
        right: -4px!important;
    }
    .disabledDay, .dayCore {
        height: 8.5rem!important;
    }
}

/*Opacidad en mensaje emergente VC*/
.vc .flat_offer_piece {
    opacity: 1!important;
}
/*Texto confirmacion de compra en blanco*/
.confirmation_core_container .final_message_pre {
    color: white!important;
}
span.confirmation_ticket_download {
    text-decoration: underline;
}

/*Banda mensaje encima calendario*/
#calendar .month_container_main {
    height: 200px!important;
    align-items: center!important;
    display: flex;
    padding-bottom: 8px;
    flex-wrap: wrap;
}
.month_container_main:before {
    content: '';
    width: 100%;
    height: 130px;
    background-image: url(general/banners/banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 480px) {
    .month_container_main:before {
        height: 100px;
    }
}
/*Titulo de la ficha de evento Standard hace elipsis*/
#web5 .card.show .card-title {
    margin-bottom: 0rem;
    height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'PT Serif', serif;
    font-size: 20px;
}
/*Altura y elipsis fecha de la ficha de evento Standard*/
#web5 .card.show .card-body .datesEvent {
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#web5 .card.show .card-body .datesEvent span{
    margin-bottom: 0rem;
    height: 35px;
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    line-height: normal;
    flex-wrap: wrap;
}
/*Altura y elipsis direccion recinto de la ficha de evento Standard*/
#web5 .card.show .card-body .venueEvent {
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
}
#web5 .card.show .card-body .venueEvent span{
    margin-bottom: 0rem;
    height: 50px;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: start;
    line-height: normal;
    flex-direction: column;
    justify-content: center;
}
/*Elimina el padding de la info de la ficha de evento Standard*/
#web5 .card.show .card-body {
    padding: 8px;
}
/*Separacion entre fila y butaca*/
.seat_selection {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*Borde de la ficha de evento*/
.shows_container .card.show {
    border: 2px solid #ff1649!important;
}
/*Posicion de la img de ficha evneto*/
.shows_container .card-img-top {
    background-position: center;
}
/*Circulos de leyenda precios*/
.template_prices_container .template_circle {
    border: 1px solid black;
}

/***Mas cambios***/
.template_prices_container {
    background-color: transparent!important;
}
.template_prices_container span.template_name, .template_prices_container .template_price_value {
    color: black;
}
#seating_container .toggle_button {
    justify-content: center;
}
@media only screen and (max-width: 480px) {
    .template_prices_container {
        position: unset!important;
        width: 90%;
        margin-bottom: 12px;
    }
    button.sessionButton.selected > div:first-child {
        color: black;
        background-color: #ff1649;
    }
}
.card.show button:hover, .card.show button:active {
    color: white!important;
    background-color: transparent!important;
    border: 1px solid white;
}
.mini_cart button:hover, .mini_cart button:active {
    color: white!important;
    background-color: transparent!important;
    border: 1px solid white;
    text-transform: capitalize;
    font-weight: 600;
}
.mini_cart button {
    text-transform: capitalize;
    font-weight: 600;
}
.date_selector{
    background-color: transparent!important;
}

.grouped_sessions .session{
    background-color: #000000!important;
    border: 2px solid white;
    border-radius: 6px;
}
.grouped_sessions .session .date_holder {
    border-radius: 6px 0px 0px 6px;
}
.tick_holder i {
    color: white;
}

span.weekday{
    color: #ffffff!important;
}

.big_cart_mobile{
    background-color: transparent!important;
}

.selection_holfer{
    background-color: #ffffff!important;
}

.container_block {
    background-color: transparent!important;
}

.sessions_unnumbered_container_great{
    background-color: transparent!important;
}

.sessions_unnumbered_web5-container .web5-row {
    background-color: transparent!important;
    color: white!important;
}
.sessions_unnumbered_web5-container .web5-col-lg-7 .web5-row {
    background-color: #000000!important;
    border: 2px solid white;
    border-radius: 6px;
    box-shadow: #1f1f34 0.35rem 0px 0px inset;
}
.sessions_unnumbered_web5-container .web5-col-lg-7 .web5-row .container_selector {
    display: flex;
    justify-content: space-between;
}
.sessions_unnumbered_web5-container .web5-col-lg-7 .web5-row .container_selector button {
    background-color: #1f1f34;
    border: 1px solid white;
}
.sessions_unnumbered_web5-container .web5-col-lg-7 .web5-row .container_selector button:hover {
    background-color: #000;
}
.web5-container-fluid.shopping_cart .web5-row {
    display: flex!important;
    align-items: center!important;
}
.web5-container-fluid.shopping_cart .web5-row .mini_cart {
    display: none!important;
}

#web5 p, address{
    color: #ffffff;
}

img.seating_placeholder {
    content: url(general/defaults/aforo-default.png)!important;
}
.title_page {
    color: #fff;
}
.card.show button {
    border-radius: 0px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px!important;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.5px;
    border: 1px solid #ff1649;
}
.card.show button:hover {
    color: white!important;
    background-color: transparent!important;
    border: 1px solid white;
    font-size: 16px!important;
}
.container_info .first_container button {
    border-radius: 0px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px!important;
    font-family: 'PT Serif', serif;
    letter-spacing: 1px;
}
.header_section_head {
    font-family: 'PT Serif', serif;
    gap: 8px; 
}
.main_show_text {
    font-family: 'PT Serif', serif;
}
.first_container button:hover {
    color: white!important;
    background-color: transparent!important;
    border: 1px solid white;
    font-size: 20px!important;
    
}
.title_event, 
.venue_row_info, 
.description_box > p, 
.description_box > h3, 
.calification_holder,
.date_row_info,
.split_card_container {
    color: #fff!important;
}
#footer {
    bottom: 0;
}
@media (min-width: 768px) {
    .container_svg {
        width: 50%!important;
    }
    .container_block {
        width: 50%!important;
    }
}
.block_name {
    color: black!important;
    background-color: #ff1649!important;
    font-weight: 600;
}
#seat_cart_container .mini_cart {
    align-items: center;
}
#seat_cart_container .mini_cart > div:hover {
    color: #ff1649;
}
.web5-row.shows_container,
.web5-row.header{
    margin-right: 0px;
    margin-left: 0px;
}
.footer_client-section_info-links_block_email:hover,
.footer_social-section_privacy-container a:hover {
    color: #ff1649!important;
    cursor: pointer;
}
.type_item .type_link {
    font-size: 18px!important;
}
.type_item .type_link:hover, .type_item .type_link:active, .type_item.selected, .type_item.selected .type_link {
    text-decoration: underline;
    color: white!important;
    background-color: black!important;
    font-size: 18px!important;
}
@media (min-width: 1025px) {
    .description_box {
        padding-top: 24px!important;
    }
}
.selection_holder {
    background-color: white;
}
.web5-container-fluid.cart_container > div:nth-child(2) {
    background-color: white;
    width: 100%;
}
.web5-container-fluid.cart_container button {
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 0px;
    font-family: 'PT Serif', serif;
    font-size: 18px!important;
    border: 1px solid #ff1649;
}
.web5-container-fluid.cart_container button:hover {
    font-weight: 400;
    text-transform: capitalize;
    color: #ff1649!important;
    background-color: white!important;
    border: 1px solid #ff1649;
}
.web5-container-fluid.cart_container a {
    text-transform: capitalize;
}
.web5-container-fluid.cart_container a:hover {
    text-transform: capitalize;
    color: #ff1649;
}
.tickets_holder {
    background: white;
}
.web5-container-fluid.cart_container {
    padding: 0px;
    background-color: black!important;
    background-image: url(general/backgrounds/bg_core.jpg)!important;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
        background-attachment: fixed;
}
.web5-container-fluid.cart_container > div:first-child {
    background: transparent;
    color: white;
}
.web5-container-fluid.cart_container > div:first-child h1 {
    color: white;
    padding-top: 32px;
    font-family: 'PT Serif', serif;
    font-size: 28px;
}
.shopping_element {
    color: white;
}
.search_result_item {
    background-color: #000000!important;
    border: 2px solid white!important;
    border-right: none!important;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    align-items: center;
    gap: 12px;
}
.search_result_item > div {
    color: white;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0px;
}
.search_result_item > div:first-child {
    background-size: contain;
    width: 100px;
    background-position: center;
}
.tickets_holder {
    background: #000000;
    border: 2px solid white!important;
    border-left: none!important;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.data button {
    font-weight: 600!important;
}
@media (max-width: 480px) {
    .personal_info form .web5-col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .web5-container-fluid.cart_container {
        padding: 12px;
        padding-top: 0px;
    }
    .toggle_holder .toggle_button {
        justify-content: center;
    }
    .block_container {
        width: 100%!important;
    margin-left: 0rem!important;
    }
    .search_result_item,
    .tickets_holder {
        width: 50%!important;
    }
    .search_result_item > div:first-child {
        display: none;
    }
}

/*Seat cart container*/
@media (min-width: 768px) {
    #seat_cart_container .seats_container {
        width: 100%;
        max-height: 80px;
        overflow: auto;
        padding: 0px;
    }
    #seat_cart_container .cart_container {
        width: 100%;
        flex-wrap: wrap;
    }
    #seat_cart_container {
        height: auto;
        margin-top: 0px;
    }
    #seat_cart_container .mini_cart_container {
        width: 100%;
        height: auto;
    }
    #seat_cart_container .mini_cart_container .mini_cart_core {
        width: 100%;
        justify-content: center;
    }
    #seat_cart_container .mini_cart_container .mini_cart_core .purchase_button_holder {
        flex-direction: row;
        align-items: center;
    }
}
#seat_cart_container .mini_cart_container .mini_cart_core .purchase_button_holder button {
    min-width: 120px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px!important;
    border-radius: 0px;
    font-family: 'PT Serif', serif;
    letter-spacing: 0.5px;
    border: 1px solid #ff1649;
}
#seat_cart_container .mini_cart_container .mini_cart_core .purchase_button_holder button:hover {
    min-width: 120px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px!important;
    color: #ff1649!important;
    background-color: white!important;
    border: 1px solid #ff1649;
    font-size: 16px;
}
#seat_cart_container .mini_cart_container .mini_cart_core .purchase_button_holder span:hover {
    color: #ff1649!important;
}
form button {
    text-transform: capitalize!important;
    font-weight: 600!important;
    font-size: 16px!important;
    border-radius: 0px!important;
    border: 1px solid #ff1649!important;
    font-family: 'PT Serif', serif;
}
form button:hover {
    text-transform: capitalize!important;
    font-weight: 600!important;
    color: white!important;
    background-color: transparent!important;
    border: 1px solid white!important;
    font-family: 'PT Serif', serif;
}
.sessions_unnumbered_web5-container .web5-row .web5-col-lg-12 {
    width: 100%;
    max-width: 1280px;
    padding: 0px 12px;
}
.container_svg {
    background-color: black!important;
}
.web5-container-fluid.shopping_cart .btn {
    font-weight: 600;
    font-size: 18px!important;
    border-radius: 0px;
    text-transform: capitalize;
    font-family: 'PT Serif', serif;
    border: 1px solid #ff1649;
}
.web5-container-fluid.shopping_cart .btn:hover {
    font-weight: 600;
    font-size: 16px;
    color: #ff1649!important;
    background-color: white!important;
    border: 1px solid #ff1649;
}

@media (max-width:560px) {
    .description_box p iframe {
        width:fit-content!important;
    }
}
#bnt_zooom_container {
    z-index: 999;
}
.sessions_unnumbered_web5-container .web5-row .web5-col-xs-12 {
    width: 80%!important;
}
.sessions_unnumbered_web5-container .web5-row .web5-col-xs-12 .web5-row {
    align-items: center;
}
footer.web5-container-fluid.shopping_cart {
    bottom: 0px;
}
footer.web5-container-fluid.shopping_cart > .web5-row {
    margin: 0px;
}
@media (max-width:560px) {
    footer.web5-container-fluid.shopping_cart > .web5-row .web5-row {
        justify-content: center;
    }
    footer.web5-container-fluid.shopping_cart > .web5-row .web5-row > div {
        text-align: center;
        width: auto;
    }
}
.footer_client-section_info-links_block svg {
    min-width: 25px;
}
/**bbk**/
.data .title_event {
    font-family: 'PT Serif', serif;
}
.data > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .date_row_info, .venue_row_info {
    align-items: center;
    margin-top: 12px;
}
  @media (min-width: 768px) {
    .data {
      padding: 6rem 0rem 0rem 6rem!important;
  }
  }
/*Tipo*/
  #shows_grid_container h2.title_page {
    font-family: 'PT Serif', serif;
    letter-spacing: 1px;
    font-size: 36px;
}

#footer .web5-col-lg-4 p {
    color: white;
    margin-top: 12px;
}
.info_session.weekday_holder {
    color: white;
}
#map_container {
    background-color: white;
}
.prices_holder .prices .commission {
    color: white;
}
.progress_bar_show {
    width: 100%;
}
/*Cambios 22.02*/
/*Elimina img de las fichas de evento*/
.card.show .card-img-top {
    display: none;
}
/*Reduce tamano ficha*/
.card.show button {
    padding: 2px 8px;
    border-radius: 100px;
}
.card.show > div {
    padding: 16px;
}
#web5 .card.show .card-body {
    padding: 0px;
}
#web5 .card.show {
    width: 16rem;
}
/*Encabezado*/
.main_show_text, 
.secondary_show_text,
.secondary_show_text_bis {
    fill: white;
    font-family: 'Montserrat', sans-serif!important;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
}
.secondary_show_text,
.secondary_show_text_bis {
    font-weight: 400;
}
.main_show_text {
    font-weight: 600;
}
.secondary_show_text_bis svg {
    margin: 0px;
}
#seat_cart_container .seats_container {
    max-width: 1050px;
    justify-content: center;
}
.split_card_container {
    margin-top: 0px!important;
}

#shows_grid_container h2.title_page{
    display: none;
}
/*Elimina el boton de compra de las fichas*/
.card.show .text-right {
    display: none;
}
@media (max-width:768px) {
    #web5 .card.show .card-title {
        font-size: 18px;
        height: 45px;
        margin-bottom: 8px;
    }
    .card.show > div {
        padding: 12px;
    }
    .web5-row.shows_container {
        flex-direction: row;
        gap: 8px;
        padding-left: 4px;
        padding-right: 4px;
    }
    #web5 .card.show {
        width: 13rem;
    }
    .card-body .material-icons {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    #web5 .card.show .card-title {
        font-size: 18px;
        height: 45px;
        margin-bottom: 8px;
    }
    .card.show > div {
        padding: 8px;
    }
    .web5-row.shows_container {
        flex-direction: row;
        gap: 8px;
        padding-left: 4px;
        padding-right: 4px;
    }
    #web5 .card.show {
        width: 11rem;
    }
    .card-body .material-icons {
        font-size: 18px;
    }
    .card-body > div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .logo_container {
        height: 3.5rem!important;
    }
    .data > div:first-child {
        flex-direction: row;
    }
    .mobile_data .date_info {
        padding: 0px;
    }
    .mobile_data .venue_row_info {
        gap: 12px;
    }
    .mobile_data .venue_info {
        padding: 0px;
    }
}
/*Padding en header*/
#header.web5-container-fluid {
    padding-top: 8px;
    padding-bottom: 8px;
        border-bottom: 2px solid #ff1749;
}
/**/
.info_session.weekday_holder {
    flex-wrap: wrap;
}
.sessions_unnumbered_web5-container .ticket-row {
    background-color: black;
    color: white;
}

/*** Encabezado ***/



.container_info .first_container {
    display: none;
}

.container_info .data {
    padding: 0px!important;
}

.data .title_event {
    font-family: 'PT Serif', serif;
    font-weight: bold!important;
    font-size: 1rem;
}

.container_info .date_info, .container_info .venue_info{
    font-size: 14px;
    font-weight: normal;
}

.date_row_info, .venue_row_info{
    margin-top: 8px;
}



.split_card_container .image_holder {
    display: none;
}




/*** RAUL - Cambios header , se desborda 

.menu_type .type_item .type_link {
    font-size: 14px !important;
}
.menu_type .type_item .type_link:hover {
    font-size: 14px !important;
}
.menu_type .type_item {
    padding: 0.3rem!important;
}
@media (min-width: 1200px) {
      .header .central_content {
      max-width: 63%!important;
      margin-top: 12px!important;
      }
}
.header .right_container div {
      align-items: flex-start!important;
      margin-top: 12px!important;
}***/


.menu_type .type_item .type_link {
    font-size: 14px !important;
}
.menu_type .type_item .type_link:hover {
    font-size: 14px !important;
}
.menu_type .type_item {
    padding: 0.3rem!important;
}

@media (min-width: 0px){
    #header .mobile_content{
        display: inherit!important;
    }
    
    #header .central_content{
        display: none!important;
    }
}


.split_card_container{
    display: none!important;
}

.container_info{
    padding: 24px!important;
}

.container_info div:first-of-type {
    padding: 0px!important;
}


.description_box .calification_holder{
    display: flex;
}