/*==========================================================================
   custom-style.css — Generado por WL Style Generator
   Cliente: World
   Modo: LIGHT (:root + Footer + solo personalizaciones puntuales)
   Fecha: 2026-09-23
   ==========================================================================*/

/*==========================================================================
   FUENTES Y TIPOGRAFÍA GLOBAL
   ==========================================================================*/

/* CASO A: Google Fonts (Inyección automática detectada) */
@import url("https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,400;0,700;1,400&display=swap");


:root {

   /*---- TIPOGRAFÍA ----*/
   --theme-font-family: "Manrope", sans-serif;
   /* Fuente detectada o equivalente */

   /*---- MENÚ LATERAL MÓVIL ----*/
   --ob-nav-text-color: #333333;
   /* Texto de los ítems del menú */
   --ob-nav-bg-color: #f5f5f5;
   /* Fondo del contenedor del menú */
   --ob-nav-list-active-text-color: #000000;
   /* Texto de la opción activa */
   --ob-nav-list-active-bg-color: #00fff0;
   /* Fondo destacado de la opción activa */

   /*---- BARRA DE NAVEGACIÓN SUPERIOR (TOPBAR) ----*/
   --ob-custom-nav-bg-color: #000000;
   /* Fondo topbar autenticada (con logo) */
   --ob-custom-nav-text-color: #ffffff;
   /* Texto accesible topbar autenticada */
   --ob-public-nav-bg-color: #000000;
   /* Fondo topbar pública (mismo que custom) */
   --ob-public-nav-text-color: #ffffff;
   /* Texto accesible topbar pública */

   /*---- PALETA PRIMARIA Y ESCALA DE CONTRASTE ACCESIBLE ----*/
   --theme-primary-50: #ebfffe;
   --theme-primary-100: #d6fffd;
   --theme-primary-200: #adfffa;
   --theme-primary-300: #80fff8;
   --theme-primary-400: #42fff4;
   --theme-primary-500: #00fff0;
   /* COLOR PRINCIPAL: Botones y detalles de la marca */
   --theme-primary-600: #00e0d3;
   --theme-primary-700: #00bdb2;
   --theme-primary-800: #009990;
   --theme-primary-A100: #b3fffb;
   --theme-primary-A200: #66fff6;
   --theme-primary-A400: #00fff0;
   --theme-primary-A700: #00d9cc;
   --theme-primary-contrast-50: #000000;
   --theme-primary-contrast-100: #000000;
   --theme-primary-contrast-200: #000000;
   --theme-primary-contrast-300: #000000;
   --theme-primary-contrast-400: #000000;
   --theme-primary-contrast-500: #000000;
   /* COLOR DEL TEXTO DEL BOTÓN PRINCIPAL: Contraste sobre primary-500 */
   --theme-primary-contrast-600: #000000;
   --theme-primary-contrast-700: #000000;
   --theme-primary-contrast-800: #000000;
   --theme-primary-contrast-A100: #000000;
   --theme-primary-contrast-A200: #000000;
   --theme-primary-contrast-A400: #000000;
   --theme-primary-contrast-A700: #000000;

   /*---- TARJETA REGALO (ob-page-events aside.gift-card) ----*/
   --theme-primary-900: #00736c;
   /* COLOR DE FONDO: Tarjeta Regalo Promocional Banner */
   --theme-primary-contrast-900: #ffffff;
   /* Color de contraste asignado en la escala primaria */
}

/*==========================================================================
   MÓDULO: TARJETA REGALO (ob-page-events aside.gift-card)
   ==========================================================================*/

ob-page-events aside.gift-card span,
ob-page-events aside.gift-card a {
   color: var(--theme-primary-contrast-900) !important;
   /* Color de texto y enlaces sobre el banner (Validado WCAG AA) */
}

/*==========================================================================
   MÓDULO: PIE DE PÁGINA (ob-footer)
   ==========================================================================*/

ob-footer.main-footer {
   background-color: #00fff0 !important;
   /* Color de fondo del contenedor principal del pie de página */
}

ob-footer.main-footer,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.flex.items-center.gap-1 {
   color: #161616 !important;
   /* Color de texto para derechos de autor y elementos generales */
}

ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
   color: #161616 !important;
   /* Color de texto e icono para el botón selector de idioma */
}

ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
   border-color: #161616 !important;
   /* Color de borde para el botón selector de idioma */
}

/* Inyección condicional: Selección de Marca Powered By (Fever) */
.fever-logo {
   display: block !important;
}

.onebox-logo {
   display: none !important;
}

/*==========================================================================
   MÓDULO: TIPOGRAFÍA GLOBAL (cascada de --theme-font-family en todo el canal)
   ==========================================================================*/

body,
ob-page-event,
.ob-catalog-card {
   font-family: var(--theme-font-family) !important;
   /* Cascada de la tipografía global del tema */
}

/*==========================================================================
   MÓDULO : PRODUCT & SESSION ITEM DESCRIPTION / NATIONS CUP EVENT DETAILS
==========================================================================*/

/* Highlight banner container using theme palette tokens */
.highlight-child-card {
   background-color: #F1F1F1;
   border-radius: 8px;
   padding: 16px;
   margin-top: 20px;
}

/* Header layout for icon image and title */
.child-card-header {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 6px;
}

/* PNG icon image dimensioning */
.child-icon-img {
   width: 24px;
   height: 24px;
   object-fit: contain;
   flex-shrink: 0;
}

/* Highlighted title text */
.child-title {
   font-weight: 700 !important;
   color: #252525 !important;
   margin: 0 !important;
}

/* Subtext description inside highlight card */
.child-text {
   margin: 0 !important;
   font-size: 14px !important;
   color: #252525;
}

/*==========================================================================
   MÓDULO: FOOTER BRANDING / POWERED BY FEVER INJECTION
==========================================================================*/

/*Dynamic insertion of Fever watermark below checkout forms and summary cards*/
ob-page-full-checkout .main-content form:not(.mat-expansion-panel-body form):last-of-type::after,
.ob-cart-summary.ob-cart-summary-scrollable::after {
   content: "";
   display: block;
   width: 150px;
   height: 35px;
   margin-top: 1rem;
   margin-right: 1.5rem;
   margin-left: auto;
   background-image: url('https://client-dists.oneboxtds.com/channels-client/default/assets/powered-by-fever.svg');
   background-repeat: no-repeat;
   background-position: right center;
   background-size: contain;
   opacity: 0.5;
}

/*MOBILE RESPONSIVE ADJUSTMENTS (< 600px)*/

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

   /*Dynamic insertion of Fever watermark below checkout forms and summary cards*/
   ob-page-full-checkout .main-content form:not(.mat-expansion-panel-body form):last-of-type::after,
   .ob-cart-summary.ob-cart-summary-scrollable::after {
      margin: auto;
      background-position: center;
   }
}