/* ============================================
   CSS PERSONALIZADO %u2014 reutilizable
   Fondo #1a1a2e · Zona #941515 · Botón #ed1d1d
   Tabla blanca sin delineado · Imagen 1080x1920
   ============================================ */

/* CINTA DE DESCUENTO %u2014 el % en un solo renglón */
.of_posis,
.oferta_color_t {
  white-space: nowrap !important;
}

/* BOTÓN COMPRAR (ficha) %u2014 rojo */
.comprar-btn-ficha-top,
.comprar-btn-ficha-top a {
  background-color: #ed1d1d !important;
  border-radius: 5px !important;
}
.comprar-btn-ficha-top a {
  display: block !important;
  text-align: center !important;
  padding: 0.7rem 1.2rem !important;
}
.comprar-btn-ficha-top,
.comprar-btn-ficha-top a,
.comprar-btn-ficha-top a p,
.comprar-btn-ficha-top p {
  color: #ffffff !important;
}

/* FONDO de la ficha %u2014 azul noche (Club Hemisferio) */
.page-title {
  background-color: #1a1a2e !important;
  background-image: none !important;
}
.page-title:before,
.page-title.bg-overlay-black-50:before {
  background: transparent !important;
}

/* ZONAS (ENTRADA GENERAL) %u2014 ROJO + redondeo */
.product-title {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
  overflow: hidden !important;
}
.item-boxed .product-title,
.product-title,
.product-title .title,
.product-title h4 {
  background-color: #941515 !important;
  color: #ffffff !important;
}

/* TABLA (cabecera) %u2014 BLANCA, sin delineado */
.cabecera-grid {
  border: none !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  overflow: hidden !important;
}
.grid-table .cabecera-grid,
.grid-table .cabecera-grid > div,
.cabecera-grid .info-selec,
.cabecera-grid .tipo-selec,
.cabecera-grid .precio-selec,
.cabecera-grid .ticket,
.cabecera-grid .price,
.cabecera-grid .number {
  background-color: #ffffff !important;
  color: #333333 !important;
}

@media (max-width: 768px) {
  .product-image.event-poster,
  .card-img-top,
  .card-img-event {
    width: 100% !important;
    aspect-ratio: 1080 / 1920 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block !important;
  }
  .card-base {
    position: relative !important;
  }
  .card-base .indicador_promocion {
    top: 70% !important;
    bottom: auto !important;
  }
}

@media (max-width: 650px) {
  .product-image.event-poster {
    aspect-ratio: 1080 / 1920 !important;
    height: auto !important;
    min-height: 0 !important;
  }
}