/* =========================================================
   TCG Prime – Game Hubs
   Reutilizable para /pokemon/, /magic/, /one-piece/
   Naming: .tcg-hub-juego, .tcg-hub-juego-card, .tcg-hub-juego-grid
   Nota: la altura de cada card se controla en el shortcode (ux_banner height/height__sm).
   ========================================================= */

/* =========================
   Base (Hero + headings)
   ========================= */
.tcg-hub-juego__title{
  margin: 0 0 6px 0;
}

.tcg-hub-juego__subtitle{
  margin: 0;
  opacity: .8;
}

.tcg-hub-juego__muted{
  opacity: .7;
  margin-bottom: 0;
  color: #6B7280; /* Texto secundario TCG Prime */
}

.dark .tcg-hub-juego__muted{
  opacity: .7;
  margin-bottom: 0;
  color: #6B7280;
  font-size: 12px;
}

.tcg-hub-juego__group-title{
  margin: 10px 0 12px 0;
  font-size: 16px;
}

/* =========================
   Grid
   ========================= */
.tcg-hub-juego-grid .col{
  padding-bottom: 14px;
}

@media (max-width: 849px){
  .tcg-hub-juego-grid .col{
    padding-bottom: 10px;
  }
}

/* =========================
   Card (basado en tcg-launch-card)
   ========================= */
.tcg-hub-juego-card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}

.tcg-hub-juego-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.tcg-hub-juego-card .banner-layers{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* =========================
   Card content
   ========================= */
.tcg-hub-juego-card__content{
  text-align: center;
}

.tcg-hub-juego-card__content .text-box-content{
  width: 100%;
}

.tcg-hub-juego-card__content .text-inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 12px;
}

/* Slot de logo (alineación consistente) */
.tcg-hub-juego-card__logo{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 120px;
}

.tcg-hub-juego-card__logo img{
  max-height: 110px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Título dentro de la card (forzado para evitar que Flatsome lo ponga blanco con .dark) */
.dark .tcg-hub-juego-card__title{
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  color: #6B7280; /* Texto secundario */
}

/* =========================
   Acciones (botonera)
   ========================= */
.tcg-hub-juego-card__actions{
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* Botones del hub: consistentes y legibles */
.tcg-hub-juego-card__actions .button.tcg-hub-juego-btn{
  float: none !important;
  margin: 0 !important;

  min-height: 36px;
  padding: 0 14px !important;
  font-size: 12px;
  line-height: 36px;

  border-radius: 8px;
}

/* Desktop: un poco más anchos */
@media (min-width: 850px){
  .tcg-hub-juego-card__actions .button.tcg-hub-juego-btn{
    min-width: 126px;
  }
}

/* Mobile: full width */
@media (max-width: 849px){
  .tcg-hub-juego-btn--primary,
  .tcg-hub-juego-btn--secondary{
    min-width: 100%;
  }

  .tcg-hub-juego-card__logo{
    min-height: 110px;
  }

  .tcg-hub-juego-card__logo img{
    max-height: 95px;
  }

  .tcg-hub-juego-card__content .text-inner{
    gap: 10px;
    padding: 12px 12px;
  }
}

/* Secundario (outline) con branding */
.tcg-hub-juego-btn--secondary{
  background: transparent !important;
  border: 1px solid rgba(33, 96, 224, .55) !important;
  color: #2160E0 !important;
}

.tcg-hub-juego-btn--secondary:hover{
  background: rgba(33, 96, 224, .08) !important;
  border-color: rgba(33, 96, 224, .85) !important;
  color: #1A4FCC !important;
}

/* =========================
   CTA final
   ========================= */
.tcg-hub-juego__final-cta .tcg-hub-juego__cta-text{
  margin: 0 0 10px 0;
  opacity: .85;
}

/* =========================
   Variantes por juego (opcionales)
   ========================= */
.tcg-hub-juego--pokemon .tcg-hub-juego__group-title{
  /* placeholder para ajustes específicos Pokémon */
}