/**
 * BARRA BRAVA MX - BRAND COLORS
 * Colores oficiales del Brandbook 2025
 */
:root {
  /* Primary Brand Colors - Exact from Brandbook */
  --bb-primary: #BBFF00;     /* Verde Neón (RGB 187, 255, 0) - CMYK 36 0 100 0 */
  --bb-dark: #1F1F1F;        /* Negro Barra Brava (RGB 31, 31, 31) - CMYK 75 66 60 79 */
  --bb-light: #F7F7F9;       /* Blanco Niebla (RGB 247, 247, 249) - CMYK 4 4 3 0 */

  /* Semantic Colors */
  --bb-text: #1F1F1F;        /* Text primary */
  --bb-text-light: #F7F7F9;  /* Text on dark backgrounds */
  --bb-muted: #5a5a5a;       /* Muted text */

  /* Interactive States */
  --bb-primary-hover: #a4e600;  /* Hover state for primary color */
  --bb-primary-active: #8fd300; /* Active/pressed state */

  /* Gradients */
  --bb-gradient-primary: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-dark) 100%);
  --bb-gradient-hero: linear-gradient(90deg, var(--bb-dark) 0%, var(--bb-primary) 100%);
}

/* Tipografía: si TT Supermolot Neue está instalada, se usará; de lo contrario, fallbacks similares */
:root {
  --bb-font: "TT Supermolot Neue", "Rajdhani", "Exo 2", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}

/**********************
 Tipografía jerárquica
***********************/
body {
  font-family: var(--bb-font);
  color: var(--bb-text);
  background: var(--bb-light);
}

/* Headings / Titulares: Condensed ExtraBold Italic (simulación con peso/estilo) */
.banner-heading,
.section-title,
.h1, h1,
.h2, h2,
.rts-header1 .nav__menu > li > a.menu-item.active1 {
  font-weight: 800;
}

/* Subtítulos: DemiBold */
.pretitle,
.subtitle,
.section-title-area .pretitle,
.champion-details .details-title {
  font-weight: 600;
}

/* Párrafos: Condensed Regular (peso normal) */
p, .paragraph, .account-main-area p, .contents p {
  font-weight: 400;
}

/**********************
 Colores de marca
***********************/
/* Links y acentos */
a { color: var(--bb-primary); }
a:hover { color: #a4e600; }

/* Botones base del template */
.team-btn, .more-btn, .banner-btn, .checkout-btn, .view-btn, .addto-cart {
  background: var(--bb-primary);
  color: var(--bb-dark);
  border: 0;
}
.team-btn:hover, .more-btn:hover, .banner-btn:hover, .checkout-btn:hover, .view-btn:hover, .addto-cart:hover {
  background: var(--bb-dark);
  color: var(--bb-primary);
}

/* Header color sólido según marca - Negro exacto del logo */
.rts-header1 .navbar-sticky,
.navbar-sticky,
.navbar-part,
.navbar-part1 {
  background: #1F1F1F !important;
}

/* Footer y secciones oscuras */
.footer.footer1 {
  background: var(--bb-dark);
  color: var(--bb-light);
}
.footer.footer1 a { color: var(--bb-primary); }

/* Elementos destacados (borders/lines) */
.thead-dark th, .table-bordered, .filter-btn.active, .badge.bg-dark {
  border-color: var(--bb-dark);
}
.filter-btn.active { background: var(--bb-primary); color: var(--bb-dark); }

/* Tarjetas */
.single-team .team-content .team-title { color: var(--bb-dark); }

/* Ajustes de contraste para títulos sobre fondos claros */
.section-title-area1 .section-title { color: var(--bb-dark); }
.section-title-area1 .pretitle { color: var(--bb-muted); }

:root{
    --theme-color: #BBFF00;
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: none;
  }