/*import*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --theme-font-family: "Montserrat", sans-serif;
  /*Navbar Colors*/
  --ob-nav-text-color: #181818;
  --ob-nav-bg-color: #f8a32a;
  /*color primary*/
  --theme-primary-50: #fce4c5;
  --theme-primary-100: #f8d086;
  --theme-primary-200: #f8c14d;
  --theme-primary-300: #f8b414;
  --theme-primary-400: #f89f04;
  --theme-primary-500: #f8a32a;
  --theme-primary-600: #f88d1e;
  --theme-primary-700: #f87414;
  --theme-primary-800: #f75b0a;
  --theme-primary-900: #D63900;
  --theme-primary-A100: #ffcb67;
  --theme-primary-A200: #ffbb3e;
  --theme-primary-A400: #ff9c00;
  --theme-primary-A700: #ff7e00;
  --theme-primary-contrast-50: #181818;
  --theme-primary-contrast-100: #181818;
  --theme-primary-contrast-200: #181818;
  --theme-primary-contrast-300: #181818;
  --theme-primary-contrast-400: #181818;
  --theme-primary-contrast-500: #181818;
  --theme-primary-contrast-600: #181818;
  --theme-primary-contrast-700: #181818;
  --theme-primary-contrast-800: #ffffff;
  --theme-primary-contrast-900: #ffffff;
  --theme-primary-contrast-A100: #181818;
  --theme-primary-contrast-A200: #181818;
  --theme-primary-contrast-A400: #181818;
  --theme-primary-contrast-A700: #181818;
}

/*=====================================================
  1) TYPOGRAPHY
  2) TOP BAR
  3) OB FOOTER
  4) HIDDEN COMPONENTS
  5) Banner Informacion
=====================================================*/

/*--------------------------------------------------------
  1) TYPOGRAPHY
--------------------------------------------------------*/

/*Font family Titles*/
.title {
  font-family: "Libre Bodoni", serif !important;
}

/*--------------------------------------------------------
  2) TOP BAR
--------------------------------------------------------*/

/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
  color: #b1b1b161;
}

/*--------------------------------------------------------
  3) OB FOOTER
--------------------------------------------------------*/

/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
  background-color: #f8a32a !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
  color: #181818 !important;
}

/*Button language links subfooter*/
/*Language & icon*/
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
  color: #181818 !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
  border: 1px solid#181818 !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
  color: #181818;
}

/*--------------------------------------------------------
  4) HIDDEN COMPONENTS
--------------------------------------------------------*/

/*Oculta en toltip recargos*/
#eventId-45581 ob-venue-tooltip .ob-price-breakdown.ob-charges {
  display: none !important;
}

/*Hide "Desde 0,00 €" on billboard*/
ob-page-events .min-price-label {
  display: none;
}

/*Hide button "edit" on ob-cart-summary*/
.checkout ob-cart-summary ob-cart-summary-session .ob-edition-links.w-full button.ob-link:first-of-type {
  display: none;
}

/*--------------------------------------------------------
  5) Banner Informacion
--------------------------------------------------------*/

/*Main container for the Golden Ticket information box, creates a centered card with soft background, rounded corners and limited width for readability*/
.golden-ticket-box {
  border: 1px solid #fbfbfb;
  border-radius: 12px;
  padding: 16px;
  background: #fbfbfb;
  max-width: 720px;
  margin: 0 auto;
}

/*Title of the Golden Ticket section, uses bold typography and dark color to highlight the heading*/
.golden-ticket-title {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 700;
  color: #1a1a1a;
}

/*Shared text styles for introductory, descriptive and footer paragraphs, ensures consistent spacing, color and readable line height*/
.golden-ticket-lead,
.golden-ticket-text,
.golden-ticket-foot {
  margin: 0 0 12px;
  color: #1a1a1a;
  line-height: 1.4;
}

/*List container for Golden Ticket benefits, removes default list styles and uses a grid layout to space items evenly*/
.golden-ticket-list {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  display: grid;
  gap: 10px;
}

/*Individual benefit item inside the list, uses flexbox to align icon and text horizontally*/
.golden-ticket-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1a1a1a;
}

/*Icon displayed next to each list item, fixed size ensures visual consistency*/
.golden-ticket-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

/*Highlights the Golden Ticket keyword with a gold color*/
.golden-ticket-box strong.golden-ticket {
  color: #ffbf00;
}

/*Visual card style for each list item, adds background, border and padding to emphasize each benefit*/
.golden-ticket-box li {
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 16px;
  background: #f0f0f0;
  max-width: 720px;
}