/* branding.css.php — generado; no editar a mano */
:root {
  --b-primary: #6a2818;
  --b-secondary: #fbf7da;
  --b-accent: #ffdb4f;
  --rh-brand: var(--b-primary);
  --rh-accent: var(--b-accent);
  --rh-bg-soft: var(--b-secondary);
  --tablero-primary: var(--b-primary);
  --tablero-bg: var(--b-secondary);
}

/* Frontend público (navbar / madera) */
.bg-madera,
.navbar-dark.bg-madera {
  background: var(--b-primary) !important;
}
.site-header .navbar-dark.bg-madera {
  background: var(--b-primary) !important;
}
.offcanvas-start {
  background: var(--b-primary) !important;
  color: #fff;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--b-accent) !important;
}
.offcanvas .nav-link:hover,
.offcanvas .nav-link.active {
  background: var(--b-accent) !important;
  color: #000 !important;
}
.offcanvas .vendedor-menu-mobile:has(a.nav-link-registro) {
  background: var(--b-accent) !important;
}

/* Panel administrativo + cuenta (sidebar / fondo) */
body.app-brand-area {
  background-color: var(--b-secondary) !important;
}
.sidebar,
.sidebar ul li {
  border-color: color-mix(in srgb, var(--b-primary) 85%, #000) !important;
}
.sidebar,
.sidebar.active {
  background-color: var(--b-primary) !important;
}
.sidebar ul li a:focus,
.sidebar ul li a:hover {
  background-color: var(--b-accent) !important;
  color: #000 !important;
}
.sidebar .nav-link.active {
  background-color: var(--b-accent) !important;
  color: var(--b-primary) !important;
}
.admin-layout .btn-primary,
.app-brand-area .btn-primary,
body.app-brand-area .btn-comprar-header {
  background-color: var(--b-accent) !important;
  border-color: transparent !important;
  color: #000 !important;
}
.admin-layout .btn-primary:hover,
.app-brand-area .btn-primary:hover {
  filter: brightness(0.95);
}
.admin-layout h1,
.admin-layout h2,
.admin-layout h3,
.content-wrapper h1,
.cuenta-content-wrapper h1 {
  color: var(--b-primary) !important;
}

/* Cuenta portal: encabezados y sidebar */
.cuenta-layout .sidebar,
.cuenta-sidebar {
  background-color: var(--b-primary) !important;
}
.cuenta-layout .sidebar a:hover,
.cuenta-layout .sidebar a:focus,
.cuenta-layout .sidebar .nav-link.active {
  background-color: var(--b-accent) !important;
}

/* Admin + cuenta — cabecera fija (Bootstrap navbar-light/bg-light) */
body.app-brand-area > header.navbar.navbar-light.bg-light,
body.app-brand-area > header.navbar.fixed-top {
  background-color: var(--b-primary) !important;
  color: #fff !important;
  border-bottom: 1px solid color-mix(in srgb, var(--b-primary) 78%, #000) !important;
}
body.app-brand-area > header.navbar .navbar-brand {
  color: var(--b-accent) !important;
}
body.app-brand-area > header.navbar .navbar-toggler {
  background-color: var(--b-accent) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
body.app-brand-area > header.navbar .navbar-toggler-icon {
  filter: brightness(0.15);
}
body.app-brand-area .side-top {
  background: var(--b-accent) !important;
}
body.app-brand-area .side-top h5,
body.app-brand-area .side-top .username {
  color: #111 !important;
}

/* Reportes hub (variables ya definidas en reports.css) */
.reports-hub {
  --rh-brand: var(--b-primary);
  --rh-accent: var(--b-accent);
  --rh-bg-soft: var(--b-secondary);
}

/* Tablero bingo: alinear variables con marca */
:root {
  --tablero-primary: var(--b-primary);
  --tablero-bg: var(--b-secondary);
}

/* Login admin (reutiliza .btn-primary) */
.logo-login .logo { max-height: 200px; width: auto; }

/* Variables de marca por página (index / vista previa sorteo) */
:root {
  --idx-header: #ac0001;
  --idx-page-bg: #fbf7da;
  --idx-form-bg: #ac0001;
  --idx-highlight: #ffdb4f;
  --idx-footer: #760001;
  --vd-header: #6a2818;
  --vd-page-bg: #fbf7da;
  --vd-form-bg: #6a2818;
  --vd-highlight: #ffdb4f;
  --vd-footer: #15463b;
}

/*
 * index.php — body.page-brand-index
 * Cabecera: .site-header .navbar | Fondo: body | Tarjeta formulario: .main-index .card
 * Destacados: franja "Disponibles" (.alert-cartons), bola ALEATORIO, resumen precio/hora (.vd-preview-summary)
 * Footer: footer.grass-footer
 */
body.page-brand-index {
  background: radial-gradient(circle at center, #273750 40%, #0f1221 70%) !important;
}
body.page-brand-index .site-header .navbar.navbar-dark.bg-madera,
body.page-brand-index .site-header .navbar-dark.bg-madera {
  background: var(--idx-header) !important;
}
body.page-brand-index .offcanvas-start {
  background: var(--idx-header) !important;
}
body.page-brand-index .main-index .card {
  background-color: var(--idx-form-bg) !important;
}
body.page-brand-index .main-index .alert-cartons {
  background-color: var(--idx-highlight) !important;
  color: #111 !important;
}
body.page-brand-index .main-index .bubble-random {
  background: var(--idx-highlight) !important;
  color: #1c1c1c !important;
}
body.page-brand-index .main-index .vd-preview-summary {
  border-color: color-mix(in srgb, var(--idx-highlight) 45%, #e8dcc4);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--idx-highlight) 18%, #fff) 0%,
    color-mix(in srgb, var(--idx-highlight) 28%, #fff9ee) 100%
  ) !important;
}
body.page-brand-index .main-index .vd-preview-summary__row1 {
  color: #2c1f14;
}
body.page-brand-index footer.grass-footer {
  background-color: var(--idx-footer) !important;
}

/* view_draw.php — body.page-brand-view-draw (misma estructura de bloques que index) */
body.page-brand-view-draw {
  background: #fbf7da !important;
}
body.page-brand-view-draw .site-header .navbar.navbar-dark.bg-madera,
body.page-brand-view-draw .site-header .navbar-dark.bg-madera {
  background: var(--vd-header) !important;
}
body.page-brand-view-draw .offcanvas-start {
  background: var(--vd-header) !important;
}
body.page-brand-view-draw .main-index .card {
  background-color: var(--vd-form-bg) !important;
}
body.page-brand-view-draw .main-index .alert-cartons {
  background-color: var(--vd-highlight) !important;
  color: #111 !important;
}
body.page-brand-view-draw .main-index .bubble-random {
  background: var(--vd-highlight) !important;
  color: #1c1c1c !important;
}
body.page-brand-view-draw .main-index .vd-preview-summary {
  border-color: color-mix(in srgb, var(--vd-highlight) 45%, #e8dcc4);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--vd-highlight) 18%, #fff) 0%,
    color-mix(in srgb, var(--vd-highlight) 28%, #fff9ee) 100%
  ) !important;
}
body.page-brand-view-draw .main-index .vd-preview-summary__row1 {
  color: #2c1f14;
}
body.page-brand-view-draw footer.grass-footer {
  background-color: var(--vd-footer) !important;
}

/* Borde decorativo superior del footer (imagen repetible por vista) */
body.page-brand-index footer.grass-footer::before{background:url("https://bingoelgocho.com/uploads/system/footer_special.png") repeat-x center!important;}
body.page-brand-view-draw footer.grass-footer::before{background:url("https://bingoelgocho.com/uploads/system/grass_border.png") repeat-x center!important;}

/* Módulo Bingo (bingo.css + tablero.css): variables solo bajo body.bingo-module */
body.bingo-module {
  --color-bg: #fbf7da;
  --color-primary: #6b2818;
  --color-primary-dark: #5a2115;
  --color-primary-light: #7d3020;
  --color-accent: #ffd402;
  --color-accent-dark: #e6bf00;
  --color-text-light: #fbf7da;
  --color-text-dark: #1a1a1a;
  --color-danger: #ef4444;
  --color-danger-hover: #dc2626;
  --color-success: #22c55e;
  --color-info: #3b82f6;
  --tablero-bg: #fbf7da;
  --tablero-primary: #6a2818;
  --tablero-accent: #ffd74a;
  --tablero-white: #ffffff;
  --tablero-dark: #1d1d1b;
  --tablero-green: #124723;
  --color-b: #3b82f6;
  --color-i: #ef4444;
  --color-n: #6b7280;
  --color-g: #22c55e;
  --color-o: #ffd74a;
  --ultimas-oro: #fdd85d;
  --ultimas-marron: #5d2117;
  --ball-called-bg: #ff0000;
  --ball-last-bg: #ef1400;
  --ball-last-ring: #ffb74d;
  --grid-surface: #ffffff;
  --soporte-ganadores-bar-bg: #1a1a1a;
  --modal-config-surface: #e8e8e8;

}