/*Tipografias*/
@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171736_1760627855.9594Orbitron.ttf') format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171754_1760627874.6591Orbitron.ttf') format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171741_1760627861.4384Orbitron.ttf') format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171809_1760627889.035Orbitron.ttf') format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171800_1760627880.1179Orbitron.ttf') format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Orbitron';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171804_1760627884.5967Orbitron.ttf') format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'SystemGlitch';
  src: url('https://cdn.janto.es/pro/web5/fresh/3926/fonts/20251016171909_1760627949.5769SystemGl.ttf') format("truetype");
}

body {
    font-family: "Lato", sans-serif!important;
}

/*Elimina*/
#header .right_container,
#header .central_content,
#web5.general_container > div:has(div#core_container) > #header,
#home-section .vertical-card__image img,
#home-section .vertical-card__price, 
#home-section .vertical-card__title,
.footer,
.container_info, 
#sessions_numbered,
#split_card svg,
#progress_bar,
.checkout_holder > .card > img,
.counter_container .clock_holder,
.counter_container .text_holder > div:first-child,
.checkout_holder .standard-card__venue i,
.checkout_holder .standard-card__date i,
.confirmation_core_container .card-img.img-responsive,
.checkout_holder .standard-card__description:empty,
.total_container span.total_string,
.purchase-section__checkboxes > div:first-child a,
.confirmation-page_media {
    display: none!important;
}

/*Fondos*/
#web5.general_container > div {
    background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/FONDO/20251003130652_1759489612.6915fondo-we.jpg') !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#web5.general_container > div:has(div#home) {
    min-height: 100vh;
}
.web5_event_wrapper,
#sessions > div,
.checkout_core_container,
.confirmation_core_container,
#calendar_container,
#calendar,
.sessions_unnumbered_container_great,
.sessions_unnumbered_web5-container,
#GestorAforo,
.checkout_core_container > div,
.checkout_core_container,
.confirmation_core_container,
.confirmation_core_container > div {
    background-color: transparent;
}

/*Header*/
#header {
    background: transparent;
    box-shadow: none;
}
.header {
    justify-content: center;
    padding: 24px;
    max-width: 720px;
    margin: auto;
}
.logo_container {
    padding-left: 0px;
    height: 183px;
    width: auto;
}
.logo_container > div {
    justify-content: center;
}
img.logo_image {
    padding: 0px;
}

/*Home*/
h5.home-section__title {
    font-family: "SystemGlitch", sans-serif;
}
.home-section__cards-container > div, 
.home-section__cards-container > div > a {
    width: 380px!important;
}
#home-section .vertical-card {
    background-color: transparent;
    border: none;
    height: 210px;
    background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/DECO/20251007142235_1759839755.5937ficha-ev.png');
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    width: 100%;
}
#home-section .vertical-card__date {
    color: #ffffff;
    padding: 0px 16px;
    border-radius: 0px;
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    background-color: transparent;
    font-size: 18px;
    line-height: normal;
    row-gap: 0px;
    font-family: "Orbitron", sans-serif;
    width: 100%;
}
#home-section .vertical-card__date .vertical-card__day,
#home-section .vertical-card__date > div {
    font-size: 18px;
    font-weight: bold;
}
#home-section .vertical-card__date .vertical-card__month-container {
    font-weight: bold;
}
#home-section .vertical-card__date .vertical-card__month {
    text-transform: uppercase;
}
#home-section .vertical-card__image {
    order: 2;
    position: unset;
    height: unset;
    width: 100%;
}
#home-section .vertical-card__info {
    order: 1;
    padding: 0px;
    gap: 0px;
}
#home-section .vertical-card__venue {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    order: 2;
    line-height: normal;
    color: #ffffff;
    font-family: "Orbitron", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 16px;
    margin-bottom: 8px;
}
#home-section .vertical-card__description,
#home-section .vertical-card__location {
    color: #84e7fc;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-size: 28px;
    order: 1;
    font-family: "Orbitron", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 16px;
    margin-bottom: 12px;
}
#home-section .vertical-card__button-container {
    position: unset;
    order: 3;
    width: 100%;
    display: none;
}
#home-section .vertical-card__button {
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 12px;
    width: 100%;
    background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/DECO/20251003132913_1759490953.0741mes.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    background-color: transparent !important;
    border: none;
    color: #ffffff !important;
    font-family: "Orbitron", sans-serif;
}

/*Botones primarios*/
.mini_cart button,
button.purchase-section__button--pay,
button.purchase-section__button--validate,
.widgetCookiesButtons button {
    text-transform: uppercase;
    font-weight: 600;
    background-color: #00b7d3;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: "Orbitron", sans-serif;
    font-size: 14px;
}
.modal-footer button#accept {
    text-transform: uppercase;
    font-weight: 600;
    background-color: #00b7d3;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: "Orbitron", sans-serif;
    font-size: 14px;
}
button.next_button_cart {
    background-color: #00b7d3;
    padding: 8px 12px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: "Orbitron", sans-serif;
    font-size: 14px;
}

/*Botones secundarios*/
.modal-footer button#cancel {
    border-color: #ffffff;
    background-color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
    border: none;
    font-family: "Orbitron", sans-serif;
    font-size: 14px;
}

/*Split Card*/
#core_container {
    padding-top: 110px;
}
#split_card {
    background-color: #000000;
    box-shadow: none;
    position: absolute;
    top: 0px;
    width: 100%;
    margin: 0px;
    height: 110px;
    justify-content: start;
    align-items: center;
}
#split_card .image_holder {
    max-width: unset;
    height: 100%;
    width: 200px;
}
#split_card .image_event {
    content: url('https://cdn.janto.es/pro/web5/fresh/7017/images/LOGO/20251003132706_1759490826.6936logo.png');
    object-fit: contain;
    background-image: none;
}
#split_card .text_show_holder {
    height: 100%;
    border-left: 1px solid #ffffff;
    margin-left: 8px;
    justify-content: center;
    row-gap: 8px;
}
#split_card .main_show_text, 
#split_card .secondary_show_text {
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
}
#split_card .main_show_text {
    font-size: 24px;
    font-weight: 600;
    order: 2;
}
#split_card .secondary_show_text {
    font-size: 16px;
    order: 1;
    font-weight: 600;
}

/*Calendario*/
.core_calendar .monthItem {
    font-family: "Orbitron", sans-serif;
}
#calendar {
    padding-bottom: 24px;
}
#calendar .month_container.month_container_main {
    flex-wrap: wrap;
}
#calendar .weekday_container.weekday_holder {
    font-weight: 600;
}
#calendar .month_holder {
    background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/DECO/20251003132913_1759490953.0741mes.png');
    width: 320px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    justify-content: center;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 12px 0px;
    font-family: "Orbitron", sans-serif;
}
#calendar button.sessionButton {
    background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff;
    border-color: #ffffff;
    line-height: normal;
    font-size: 14px;
    font-weight: 600;
}
#calendar button.sessionButton.selected {
    background: #df6e17;
    border-color: #df6e17;
    font-weight: 600;
}
#calendar button.sessionButton.soldOut {
    border: 1px solid #ffffff;
    background: #750000;
}
#calendar button.sessionButton.soldOut > button {
    display: none;
}
#calendar button.sessionButton.soldOut:after {
    content: 'AGOTADO';
    font-size: 12px;
    font-weight: 600;
} 
#calendar .disabledDay {
    color: #ffffff;
    height: unset;
    background-color: rgb(255, 255, 255, 15%);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 2px 0px;
    margin-bottom: 120px;
    white-space: nowrap;
    font-family: 'Lato', sans-serif;
}
#calendar .calendar__day .calendar__day-number {
    background-color: rgb(255, 255, 255, 15%);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 2px 0px;
    white-space: nowrap;
    font-family: 'Lato', sans-serif;
}

/*Banda promocion*/
#calendar .month_container_main:before {
    content: '';
    width: 100%;
    height: 120px;
    background-image: url('https://cdn.janto.es/pro/fresh/recursos/img/20251202090743_1764662863.1348ventaant.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 16px;

    display: none;
}

/*Descuentos*/
.discount-badge {
    font-family: 'Lato', sans-serif;
    z-index: 1;
}
.discount-badge.discount-badge--type-0 {
    background-color: #ef3400!important;
}
.discount-badge.discount-badge--type-1 {
    background-color: #7ea349!important;
}
.discount-badge.discount-badge--type-2 {
    background-color: #efa700!important;
}
.discount-badge.discount-badge--type-3 {
    /*background-color: #800080!important;*/
    background: #E38041;
    background: linear-gradient(90deg,rgba(227, 128, 65, 1) 1%, rgba(234, 170, 128, 1) 50%, rgba(227, 128, 65, 1) 100%);
    color: #000000!important;
}
.discount-badge.discount-badge--type-4 {
    background-color: #ff6d00!important;
}

/*Aforo*/
.seating_placeholder {
    content: url('https://cdn.janto.es/pro/web5/fresh/7017/images/DECO/20251003133207_1759491127.6373default-.png');
    max-width: 400px;
}
#aforo_container {
    border-width: 1px;
    border-color: #ffffff;
    align-items: start;
}
#aforo_container button#zoomMasButacas img {
    content: url('https://cdn.janto.es/pro/web5/fresh/6062/images/DECO/20240902103018_1725265818.8005btn-mas.svg')!important;
}
#aforo_container button#zoomCenter img {
    content: url('https://cdn.janto.es/pro/web5/fresh/6062/images/DECO/20240902103006_1725265806.7065btn-cent.svg')!important;
}
#aforo_container button#zoomMenosButacas img {
    content: url('https://cdn.janto.es/pro/web5/fresh/6062/images/DECO/20240902103033_1725265833.3902btn-meno.svg')!important;
}
#aforo_container h2, 
#aforo_container h4 {
    color: #ffffff;
    padding: 0px 16px;
}
#aforo_container h2 {
    font-size: 22px;
    font-family: "SystemGlitch", sans-serif;
}
#aforo_container h4 {
    font-weight: 500;
    font-size: 20px;
    margin-top: 16px;
    font-family: "Orbitron", sans-serif;
}

/*Banda zona experience*/
#gestor_aforos:after {
    background-repeat: no-repeat;
    background-position: top center;
    height: 200px;
    background-size: contain;
    width: 100%;
    display: flex;
    position: relative;
    top: -50px;
    justify-content: center;
    content: '';
    background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/BANDA/20251003134012_1759491612.2115banda-ex.png');
}

/*Plantilla de precios*/
.template_prices_container {
    padding-bottom: 10px;
    background-color: transparent;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-radius: 0px;
    font-family: "Orbitron", sans-serif;
}
.template_prices_container.close_prices {
    border-bottom: none;
    width: 290px;
}
.template_prices_container .toggle_holder {
    border-bottom: 1px solid #ffffff;
}
.template_prices_container .toggle_button {
    text-transform: uppercase;
    font-size: 20px;
    align-items: baseline;
    justify-content: center;
    background-color: transparent;
    color: #ffffff;
    font-weight: 600;
}
.template_prices_container .template_price_holder {
    padding: 0px;
}
.template_prices_container .template_price_holder .template_holder {
    align-items: end;
    margin-top: 8px;
    background-color: transparent;
    width: 324px;
}
.template_prices_container .template_price_holder .template_holder .template_button {
    background-color: transparent;
    background-position: center;
    justify-content: end;
    border: 1px solid #ffffff;
    border-radius: 8px;
    height: auto;
    padding: 8px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
}
.template_prices_container .template_price_holder .template_holder .template_button .text_holder {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
}
.template_prices_container .template_price_holder .template_holder .template_button .text_holder span.template_name:after {
    content: '-';
}
.template_prices_container .template_price_holder .template_holder .template_button .text_holder span.template_price_value {
    padding-left: 4px;
    padding-right: 8px;
    color: #ffffff;
    font-weight: bold;
}
.template_prices_container .template_price_holder .template_holder .template_button .template_circle {
    position: absolute;
    left: -8px;
    width: 20px;
    height: 20px;
}
.template_holder .template_button .text_holder span.template_name {
    color: #ffffff;
    font-weight: bold;
}

/*Carrito*/
#seat_cart_container {
    background-color: #000000;
}
#seat_cart_container .cart_hover_button {
    color: #fff;
}
#seat_cart_container .big_cart_mobile {
    background-color: transparent;
}
#seat_cart_container .selection_holder {
    background-color: #ffffff;
}

/*Resumen de compra*/
.checkout_core_container > div,
.confirmation_core_container > div {
  padding-top: 12px;
  max-width: 940px!important;
  margin: 0 auto;
}
.checkout_core_container > div > .web5-row,
.confirmation_core_container > div > .web5-row {
    flex-direction: column;
    width: 100%;
    gap: 24px;
    padding: 24px;
    background-color: #000000;
    border: 2px solid #097d8f;
    border-radius: 4px;
    background: linear-gradient(90deg, #097d8f 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 65%, rgba(9, 125, 143, 1) 100%);
}
.checkout_holder {
  width: 100%;
  flex: unset;
  max-width: unset;
  padding: 0px !important;
}
.checkout_holder .standard-card__info {
    color: #ffffff;
    padding: 0px;
    padding-bottom: 16px;
    gap: 8px;
    align-items: start;
}
.checkout_holder .standard-card__info:has(h5:empty) {
  border-bottom: none;
  padding: 0px;
}
.checkout_holder .standard-card__title {
  font-weight: 800;
  display: none;
}
.checkout_holder .standard-card__description:empty {
  display: none;
}
.checkout_holder .standard-card__venue {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif;
    width: 100%;
    justify-content: center;
}
.checkout_holder .standard-card__venue > div {
  -webkit-line-clamp: 2;
}
.checkout_holder .standard-card__date {
    font-size: 24px;
    font-weight: 600;
    font-family: "Orbitron", sans-serif;
    width: 100%;
    justify-content: center;
}
.checkout_holder-ticket_info,
.checkout_core_container h5,
.confirmation_core_container h5,
.purchase-section {
  color: #ffffff !important;
}
.checkout_holder-ticket_info {
  padding: 0px;
}
.checkout_holder-ticket_info .session .selection .date_holder {
    display: none;
}
.checkout_holder-ticket_info .session:first-child .selection .date_holder {
    display: block;
}
.checkout_holder-ticket_info .selection {
  border-bottom: 1px solid #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
}
.checkout_holder-ticket_info .selection .row_selection.commision_container,
.checkout_holder-ticket_info .selection .row_selection.discount_container,
.checkout_holder-ticket_info .selection .row_selection.discount_container .discount_holder {
  font-weight: 400!important;
}
.checkout_holder-ticket_info .selection .row_selection.discount_container,
.checkout_holder-ticket_info .selection .row_selection.discount_container .discount_holder,
.checkout_holder-ticket_info .selection .row_selection.discount_container .prices_holder > div {
    color: #f6ae33;
}
.checkout_holder-ticket_info .selection .row_selection.commision_container.collapsed_row,
.checkout_holder-ticket_info .selection .row_selection.discount_container.collapsed_row {
  padding-top: 4px;
}

.checkout_holder-ticket_info .selection .row_info.showName_selection {
    font-size: 20px !important;
    font-weight: bold;
    flex-direction: column;
    align-items: start;
    margin-bottom: 24px;
}
.checkout_holder-ticket_info .selection .row_info.showName_selection .date_holder {
    width: 100%;
}
.checkout_holder-ticket_info .selection .row_info.showName_selection .date_holder .show_date {
    text-align: left;
}

.checkout_holder-divider {
  display: none;
}
.checkout_core_container .card,
.confirmation_core_container .card {
  background-color: transparent !important;
  border: none !important;
}
.checkout_core_container .card > div {
    background-color: transparent;
    border: none;
    padding: 0px;
}
.checkout_holder-ticket_info .total_container {
  margin-top: 12px;
  justify-content: end;
  font-size: 16px;
}
.checkout_holder .total_amount:before {
    content: 'Importe total: ';
}
.checkout_holder .total_amount {
    display: flex;
    gap: 8px;
    flex: 0 0 auto !important;
    color: #000000;
    justify-content: flex-end;
    align-items: center;
    text-transform: uppercase;
    background-color: #ffffff;
    font-family: "Orbitron", sans-serif;
    padding: 8px 12px;
    border-radius: 4px;
}
.commision_holder {
  color: #ffffff;
}
.commision_container svg,
.discount_container svg {
  fill: #fff;
}
div:has(> .row_selection.commision_container),
div:has(> .row_selection.discount_container)  {
  border-bottom: none;
  padding-bottom: 0px;
}
.purchase_box_holder {
  width: 100%;
  padding: 0px !important;
  flex: unset;
  max-width: unset;
}
.purchase-section {
  padding: 0px;
}
h5.purchase-section__title,
.confirmation-page_title {
  font-size: 18px !important;
}
.confirmation-page_title {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.purchase-section__subtitle a {
  color: #ffffff;
  text-decoration: underline;
  margin-left: 8px;
}
.purchase-section__input input {
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
}
.purchase-section__input label {
    font-family: "Lato", sans-serif;
    font-weight: 600;
}
.purchase-section__coupon .MuiFormControl-root.MuiTextField-root.form-control-web5 {
    height: 100%;
}
.purchase-section__coupon .MuiFormControl-root.MuiTextField-root.form-control-web5 input {
    font-family: "Lato", sans-serif;
    font-weight: 600;
}
.purchase-section__coupon .MuiFormControl-root.MuiTextField-root.form-control-web5 .MuiInputBase-formControl {
    height: 100%;
}
.purchase-section__checkboxes label a {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}
.purchase-section__checkboxes label.error_checkbox a {
    color: #ef2358!important;
    text-decoration-color: #ef2358!important;
}
.confirmation-page_general-text {
  color: #ffffff;
  text-align: center;
  background-color: transparent;
  border-radius: 0px;
  border-color: #00b7d3;
}
.confirmation-page_general-text > div:first-child {
    border: 0px;
    align-items: center;
}
p.confirmation-page_text {
  margin-bottom: 0px !important;
}
.confirmation_ticket_links ul {
  display: flex;
  justify-content: center;
  padding: 0px;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.confirmation_core_container .boton-download {
    font-weight: 600;
    box-shadow: none;
    padding: 8px 12px;
    border-radius: 8px;
    margin: 0px !important;
    border: none;
    text-transform: uppercase;

    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 183, 211, 1) 50%, rgba(0, 0, 0, 1) 100%);
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-family: "Orbitron", sans-serif;
    font-size: 14px;
    line-height: normal;
}
.confirmation_ticket_links button div {
    justify-content: center;
}
.confirmation-page_receipt {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: start;
  align-items: center;
  padding-top: 0px;
}
h5.confirmation-page_title {
    font-weight: bold !important;
}
.confirmation_ticket_links {
    width: 100%;
}

/*Contador*/
.counter_container {
    background-color: rgb(255, 255, 255, 15%);
    border-radius: 0px;
    padding: 12px 16px;
    color: #ffffff;
}
.counter_container .time_holder {
    font-weight: 400;
}

/*Label se interpone en el borde del input*/
.MuiInputLabel-outlined.MuiInputLabel-shrink {
    transform: translate(10px,4px) scale(0.75)!important;
    background-color: transparent!important;
    border: none;
}
fieldset legend span {
    display: none!important;
}
  
/**Campo obligatorio formulario**/
.purchase-section__subtitle:empty {
    padding: 0px;
}
.purchase-section__inputs {
    margin-bottom: 12px;
}
.purchase-section__input {
    margin-top: 12px;
}
.purchase-section__input-button {
    align-items: flex-end;
}
fieldset.MuiOutlinedInput-notchedOutline {
    border: none;
    top: 0px;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
    border-color: #ef2358;
    border-width: 3px;
    overflow: visible;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline:after {
    content: 'Campo obligatorio';
    color: #ef2358;
    position: absolute;
    top: -37px;
    right: 0px;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
}
.personal_info label.error_checkbox:after {
    content: 'Campo obligatorio';
    color: #ef2358;
    font-size: 14px;
    margin-left: 8px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
}

/*Modal general*/
.modal-content {
    background-color: transparent!important;
    box-shadow: 3px 3px 4px 3px #00000099;
    border: 1px solid #097d8f !important;
    color: #ffffff;
    background: linear-gradient(90deg, rgba(9, 125, 143, 1) 0%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 65%, rgba(9, 125, 143, 1) 100%);
}
h5.modal-header__title, 
.modal-header__button span {
    color: #fff !important;
}
.modal-content button.modal-header__button {
    top: 0px;
    font-size: 42px;
}
.modal-body:has(p:empty) {
    padding: 0px !important;
}
.modal-body p:empty {
    margin: 0px !important;
}
.modal-body .form-group {
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.modal-body .form-group input {
    color: #000000;
    font-weight: 600;
}
#web5 #U .modal-body a {
    color: #fff;
    text-decoration: underline;
}
.modal-content .modal-header__subtitle {
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
}
  
/*Modal VC*/
#vc .modal-body__vc-options {
    background-color: transparent;
    align-items: start;
}
#vc .vc-options__card {
    background-color: transparent;
    padding: 0px;
    border: none;
    position: relative;
    margin-bottom: 8px;
    gap: 0px;
}
#vc .vc-options__card:last-of-type {
    margin-bottom: 16px;
}
#vc .vc-options__card-title {
    display: none;
}
#vc .vc-options__card-selector .tick_holder {
    border-color: #ffffff;
}
#vc .modal-body__vc-options h5.vc-options__title {
    display: none;
}
#vc .vc-options__card-info {
    flex-direction: column;
    gap: 8px;
}
#vc img.vc-options__card-image {
    width: 100%;
    object-position: left;
    height: 76px;
}
#vc .modal-body__vc-options div.vc-options__card:last-of-type img.vc-options__card-image {
    height: 85px;
}
#vc .vc-options__card-description ul {
    margin-bottom: 0px;
}
.vc-options__card-description ul li {
    word-break: break-word;
}

/*Scroll VC*/
#vc ::-webkit-scrollbar {
    width: 10px;
}
#vc ::-webkit-scrollbar-thumb {
    background: #8b8b8b;
    border-radius: 100px;
}
#vc ::-webkit-scrollbar-track {
    background: #fcfcfc;
    border-radius: 100px;
}
  
/*Modal imagen promocion*/
#O .modal-content {
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0px !important;
}
#O .modal-body {
    max-height: unset;
    padding: 0px;
}
#O .modal-body > p:has(img) {
    display: flex;
    justify-content: center;
    align-items: center;
}
#O .modal-body > p img {
    display: block !important;
    width: 100%;
    max-width: 600px;
}
#O .modal-footer {
    justify-content: center;
    padding: 0px;
}

@media only screen and (max-width: 768px) {
    #split_card {
        display: none;
    }
    #core_container {
        padding-top: 0px;
    }
    #web5.general_container > div:has(div#core_container) > #header {
        display: block!important;
    }
}

@media only screen and (max-width: 480px) {
    /*Fondos*/
    #web5.general_container > div {
        background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/FONDO/20251003132243_1759490563.7214fondo-mo.jpg')!important;
    }

    /*Header*/
    .header {
        padding-bottom: 0px;
    }
    .logo_container {
        height: 90px;
    }

    /*Home*/
    h5.home-section__title {
        font-size: 18px !important;
    }
    .home-section__cards-container > div, 
    .home-section__cards-container > div > a {
        width: 300px!important;
    }
    #home-section .vertical-card {
        height: 165px;
    }
    #home-section .vertical-card__description,
    #home-section .vertical-card__location {
        font-size: 24px;
        margin-bottom: 8px;
    }
    #home-section .vertical-card__venue {
        margin-bottom: 4px;
        font-size: 14px;
    }
    #home-section .vertical-card__date,
    #home-section .vertical-card__date .vertical-card__day,
    #home-section .vertical-card__date > div {
        font-size: 14px;
    }

    /*Banda zona experience*/
    #gestor_aforos:after {
        background-image: url('https://cdn.janto.es/pro/web5/fresh/7017/images/BANDA/20251003134034_1759491634.914banda-ex.png');
        height: 220px;
    }

    /*Banda promocion*/
    #calendar .month_container_main:before {
        height: 80px;
    }

    /*Calendario*/
    #calendar {
        padding-bottom: 0px;
    }
    #calendar .month_holder {
        width: 220px;
        font-size: 18px;
    }
    #calendar .month_container {
        padding: 0px;
    }
    #calendar button.sessionButton.soldOut:after {
        font-size: 9px;
        font-family: 'Lato', sans-serif;
    }
    #calendar button.sessionButton {
        font-size: 11px;
    }
    #calendar .calendar__day .calendar__day-number,
    #calendar .disabledDay {
        font-size: 14px;
    }
    #aforo_container h2,
    #aforo_container h4 {
        font-size: 18px;
    }
    .template_prices_container .toggle_button {
        font-size: 18px;
    }

    /*Aforo*/
    .seating_placeholder {
        position: unset;
    }
    .custom_placeholder {
        position: unset;
        height: unset;
    }

    /*Modal VC Decoracion*/
    #vc .modal-body__vc-options h5.vc-options__title {
        padding-left: 75px;
    }

    /*Resumen de compra*/
    .checkout_holder .standard-card__venue {
        font-size: 18px;
    }
    .checkout_holder .standard-card__date {
        font-size: 18px;
    }
}