/* ==========================================================================
   TBS SAN JUAN — THEME MODES
   Versión: 5.5 — Home next game dark preserve
   Estrategia:
   - Dark original = base del theme.
   - Light mode = solo sobrescrituras con html[data-theme="light"].
   - Módulos deportivos premium pueden mantenerse oscuros.
   ========================================================================== */


/* ==========================================================================
   01. LIGHT TOKENS
   ========================================================================== */

html[data-theme="light"] {
    color-scheme: light;

    --bg-base: #f4f5f7;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #f0f2f5;
    --bg-input: #eef0f4;

    --primary-red: #cc1226;
    --primary-red-soft: #e6192b;
    --primary-red-glow: rgba(204, 18, 38, 0.25);
    --primary-red-dim: rgba(204, 18, 38, 0.08);

    --accent-gold: #9b7828;
    --accent-gold-soft: #b8912e;
    --accent-gold-glow: rgba(155, 120, 40, 0.25);

    --text-main: #10131a;
    --text-muted: #4b5563;
    --text-soft: rgba(16, 19, 26, 0.65);
    --text-dark: #000000;

    --border-subtle: rgba(15, 23, 42, 0.10);
    --border-highlight: rgba(15, 23, 42, 0.18);

    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.07);
    --shadow-float: 0 6px 24px rgba(0, 0, 0, 0.12);

    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}


/* ==========================================================================
   02. LIGHT BASE
   ========================================================================== */

html[data-theme="light"] body {
    background: var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] main,
html[data-theme="light"] .site-main {
    background: var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .card {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .card:hover {
    border-color: rgba(204, 18, 38, 0.35);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.12),
        0 0 18px rgba(204, 18, 38, 0.08);
}

html[data-theme="light"] .card::before {
    background: linear-gradient(90deg, transparent, var(--border-highlight), transparent);
}

html[data-theme="light"] .heading-section {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .heading-section::before {
    box-shadow: none;
}


/* ==========================================================================
   03. HEADER / NAVIGATION
   ========================================================================== */

html[data-theme="light"] header.site-header,
html[data-theme="light"] .site-header {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid var(--border-subtle);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

html[data-theme="light"] header.scrolled,
html[data-theme="light"] header.site-header.scrolled,
html[data-theme="light"] .site-header.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .logo,
html[data-theme="light"] .logo--text {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .logo span {
    color: var(--primary-red);
}

html[data-theme="light"] .logo-wrap small {
    color: var(--accent-gold);
}

html[data-theme="light"] .nav-links a {
    color: var(--text-muted);
    text-shadow: none;
}

html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.active {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .nav-links a::after {
    background: linear-gradient(90deg, var(--primary-red), var(--accent-gold));
}

html[data-theme="light"] .menu-toggle span {
    background-color: var(--text-main);
}


/* ==========================================================================
   04. MOBILE MENU
   El menú móvil se conserva oscuro para mantener look premium.
   ========================================================================== */

html[data-theme="light"] #mobile-menu-overlay,
html[data-theme="light"] .mobile-menu-overlay {
    background: #0f1118;
}

html[data-theme="light"] .mobile-nav-links a {
    color: #ffffff;
}

html[data-theme="light"] .mobile-nav-links a:hover {
    color: #ffcc33;
}

html[data-theme="light"] .mobile-menu-close {
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}


/* ==========================================================================
   05. THEME TOGGLE BUTTON
   ========================================================================== */

.theme-toggle-btn {
    background: transparent;
    border: 1px solid var(--border-subtle);
    color: var(--text-main);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    line-height: 1;
    transition: var(--transition-fast);
    padding: 0;
    margin-left: 12px;
    cursor: pointer;
    flex-shrink: 0;
}

.theme-toggle-btn:hover {
    border-color: var(--primary-red);
    background: rgba(230, 25, 43, 0.06);
}

html[data-theme="light"] .theme-toggle-btn {
    background: #ffffff;
    border-color: #cbd5e1;
    color: var(--text-main);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .theme-toggle-btn:hover {
    border-color: var(--primary-red);
    background: rgba(204, 18, 38, 0.05);
}

.mobile-menu-overlay .theme-toggle-btn,
#mobile-menu-overlay .theme-toggle-btn {
    width: 52px;
    height: 52px;
    font-size: 1.5rem;
    margin: 28px 0 0;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.06);
}


/* ==========================================================================
   06. BUTTONS / FORMS
   ========================================================================== */

html[data-theme="light"] .btn-outline {
    background: rgba(15, 23, 42, 0.03);
    border-color: var(--border-highlight);
    color: var(--text-main);
}

html[data-theme="light"] .btn-outline:hover {
    background: var(--text-main);
    color: #ffffff;
    box-shadow: none;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background: var(--bg-input);
    color: var(--text-main);
    border-color: var(--border-subtle);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: rgba(75, 85, 99, 0.75);
}

html[data-theme="light"] select option {
    background: var(--bg-surface);
    color: var(--text-main);
}


/* ==========================================================================
   07. TICKER GLOBAL
   ========================================================================== */

html[data-theme="light"] .ticker-wrap {
    background: var(--primary-red);
    box-shadow: 0 2px 8px rgba(204, 18, 38, 0.2);
}

html[data-theme="light"] .ticker-label {
    background: #111111;
    color: var(--accent-gold);
    border-right-color: var(--accent-gold);
}

html[data-theme="light"] .ticker-item {
    color: #ffffff;
}

html[data-theme="light"] .ticker-item::after {
    color: rgba(255, 255, 255, 0.5);
}


/* ==========================================================================
   08. HOME / HERO
   ========================================================================== */

html[data-theme="light"] .hero {
    background-color: var(--bg-base);
}

html[data-theme="light"] .hero::before {
    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 15% 50%, rgba(155, 120, 40, 0.06) 0%, transparent 40%),
        radial-gradient(circle at 85% 50%, rgba(204, 18, 38, 0.05) 0%, transparent 40%);
}

html[data-theme="light"] .hero::after {
    background-image:
        linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
    opacity: 0.4;
}

html[data-theme="light"] .hero-title {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .hero-title span {
    background: linear-gradient(to right, var(--primary-red), #a31020);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

html[data-theme="light"] .hero-desc {
    color: var(--text-muted);
    text-shadow: none;
    opacity: 1;
}

html[data-theme="light"] .hero-badge {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    color: var(--text-muted);
    backdrop-filter: none;
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .badge-gold {
    background: rgba(155, 120, 40, 0.08);
    color: var(--accent-gold);
    border-color: rgba(155, 120, 40, 0.35);
    box-shadow: none;
}

html[data-theme="light"] .badge-red,
html[data-theme="light"] .badge-live {
    background: rgba(204, 18, 38, 0.08);
    color: var(--primary-red);
    border-color: rgba(204, 18, 38, 0.35);
    box-shadow: none;
}

html[data-theme="light"] .live-dot-small {
    background: var(--primary-red);
}


/* ==========================================================================
   09. HOME / DASHBOARD SECTIONS
   ========================================================================== */

html[data-theme="light"] .leaders-section,
html[data-theme="light"] .scoreboard-section,
html[data-theme="light"] .next-game-section,
html[data-theme="light"] .recent-section,
html[data-theme="light"] .potg-section {
    background: var(--bg-base);
}

html[data-theme="light"] .leader-card,
html[data-theme="light"] .next-game-card,
html[data-theme="light"] .potg-card,
html[data-theme="light"] .result-item,
html[data-theme="light"] .recent-card {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .leader-card:hover,
html[data-theme="light"] .next-game-card:hover,
html[data-theme="light"] .result-item:hover,
html[data-theme="light"] .recent-card:hover {
    border-color: rgba(204, 18, 38, 0.35);
    box-shadow: var(--shadow-float);
}

html[data-theme="light"] .leader-avatar,
html[data-theme="light"] .potg-img,
html[data-theme="light"] .tbs-match-logo,
html[data-theme="light"] .ng-logo {
    background: var(--bg-input);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .leader-avatar svg,
html[data-theme="light"] .potg-img svg {
    fill: var(--text-muted);
}

html[data-theme="light"] .leader-value,
html[data-theme="light"] .potg-stat span,
html[data-theme="light"] .tbs-score-pod__score {
    color: var(--primary-red);
}

html[data-theme="light"] .leader-stat-type,
html[data-theme="light"] .stat-label,
html[data-theme="light"] .potg-stat small {
    color: var(--text-muted);
}

html[data-theme="light"] .next-game-card .team-score,
html[data-theme="light"] .result-item .team-score,
html[data-theme="light"] .recent-card .team-score,
html[data-theme="light"] .ng-name,
html[data-theme="light"] .tbs-match-name {
    color: var(--text-main);
}

html[data-theme="light"] .gc-result-score {
    color: var(--primary-red);
}


/* Home — Próximo Partido dark card preserve
   El dashboard.css define esta card como módulo oscuro premium.
   En modo claro solo corregimos contraste: la card sigue oscura y los textos blancos.
   Visual only: colores, fondos, bordes, sombras y contraste.
   No cambia layout, grid, flex, tamaños ni responsive.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .home-page .sidebar .next-game-card,
html[data-theme="light"] body.home .sidebar .next-game-card,
html[data-theme="light"] .front-page .sidebar .next-game-card {
    background:
        radial-gradient(circle at 50% 0%, rgba(155, 120, 40, 0.10), transparent 42%),
        linear-gradient(180deg, #1f1f24 0%, #101014 100%) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    border-top-color: var(--accent-gold, #9b7828) !important;
    box-shadow:
        0 18px 44px rgba(15, 23, 42, 0.18),
        0 0 22px rgba(155, 120, 40, 0.07) !important;
    color: #ffffff !important;
}

/* Header interno */
html[data-theme="light"] .home-page .sidebar .next-game-card .next-game-header,
html[data-theme="light"] body.home .sidebar .next-game-card .next-game-header,
html[data-theme="light"] .front-page .sidebar .next-game-card .next-game-header {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* Fecha / hora */
html[data-theme="light"] .home-page .sidebar .next-game-card .next-game-date,
html[data-theme="light"] body.home .sidebar .next-game-card .next-game-date,
html[data-theme="light"] .front-page .sidebar .next-game-card .next-game-date {
    color: var(--accent-gold, #9b7828) !important;
    text-shadow: none !important;
}

/* Venue */
html[data-theme="light"] .home-page .sidebar .next-game-card .next-game-venue,
html[data-theme="light"] body.home .sidebar .next-game-card .next-game-venue,
html[data-theme="light"] .front-page .sidebar .next-game-card .next-game-venue {
    color: rgba(255, 255, 255, 0.68) !important;
    text-shadow: none !important;
}

/* Nombres de equipos */
html[data-theme="light"] .home-page .sidebar .next-game-card .ng-name,
html[data-theme="light"] body.home .sidebar .next-game-card .ng-name,
html[data-theme="light"] .front-page .sidebar .next-game-card .ng-name {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* VS */
html[data-theme="light"] .home-page .sidebar .next-game-card .ng-vs,
html[data-theme="light"] body.home .sidebar .next-game-card .ng-vs,
html[data-theme="light"] .front-page .sidebar .next-game-card .ng-vs {
    color: rgba(255, 0, 0, 0.72) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-shadow: none !important;
}

/* Logos */
html[data-theme="light"] .home-page .sidebar .next-game-card .ng-logo,
html[data-theme="light"] body.home .sidebar .next-game-card .ng-logo,
html[data-theme="light"] .front-page .sidebar .next-game-card .ng-logo {
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.08), transparent 46%),
        linear-gradient(135deg, #1f1f24, #0a0a0d) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="light"] .home-page .sidebar .next-game-card .ng-logo-img,
html[data-theme="light"] body.home .sidebar .next-game-card .ng-logo-img,
html[data-theme="light"] .front-page .sidebar .next-game-card .ng-logo-img {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.45) !important;
}

/* Botón de previa dentro de esta card */
html[data-theme="light"] .home-page .sidebar .next-game-card .btn-outline,
html[data-theme="light"] body.home .sidebar .next-game-card .btn-outline,
html[data-theme="light"] .front-page .sidebar .next-game-card .btn-outline {
    background: rgba(255, 255, 255, 0.035) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html[data-theme="light"] .home-page .sidebar .next-game-card .btn-outline:hover,
html[data-theme="light"] body.home .sidebar .next-game-card .btn-outline:hover,
html[data-theme="light"] .front-page .sidebar .next-game-card .btn-outline:hover {
    background: var(--primary-red, #cc1226) !important;
    color: #ffffff !important;
    border-color: var(--primary-red, #cc1226) !important;
    box-shadow: 0 12px 28px rgba(204, 18, 38, 0.24) !important;
}

/* Home — Best Plays / Video cards light contrast
   Visual only: aclara miniaturas oscuras, títulos, badges y play button.
   No cambia layout, grid, flex, tamaños ni responsive.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .home-page :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card),
html[data-theme="light"] .front-page :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card),
html[data-theme="light"] body.home :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card) {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
    color: #10131a !important;
}

/* Área visual de los videos: en modo claro no debe quedar negra lavada */
html[data-theme="light"] .home-page :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb),
html[data-theme="light"] .front-page :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb),
html[data-theme="light"] body.home :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb) {
    background:
        radial-gradient(circle at 50% 30%, rgba(204, 18, 38, 0.08), transparent 44%),
        linear-gradient(180deg, #f7f8fb 0%, #dfe5ee 100%) !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
}

/* Overlay oscuro demasiado fuerte: hacerlo más suave en modo claro */
html[data-theme="light"] .home-page :is(.home-video-card__media::before,
    .tbs-video-card__media::before,
    .video-card__media::before,
    .highlight-card__media::before,
    .play-card__media::before,
    .featured-video-card__media::before,
    .video-thumb::before,
    .video-thumbnail::before,
    .highlight-thumb::before),
html[data-theme="light"] .front-page :is(.home-video-card__media::before,
    .tbs-video-card__media::before,
    .video-card__media::before,
    .highlight-card__media::before,
    .play-card__media::before,
    .featured-video-card__media::before,
    .video-thumb::before,
    .video-thumbnail::before,
    .highlight-thumb::before),
html[data-theme="light"] body.home :is(.home-video-card__media::before,
    .tbs-video-card__media::before,
    .video-card__media::before,
    .highlight-card__media::before,
    .play-card__media::before,
    .featured-video-card__media::before,
    .video-thumb::before,
    .video-thumbnail::before,
    .highlight-thumb::before) {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.16), rgba(15, 23, 42, 0.30)) !important;
}

/* Texto interno visible */
html[data-theme="light"] body.home :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card) :is(h1, h2, h3, h4, strong, span, p, a),
html[data-theme="light"] .home-page :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card) :is(h1, h2, h3, h4, strong, span, p, a),
html[data-theme="light"] .front-page :is(.home-video-card,
    .tbs-video-card,
    .video-card,
    .highlight-card,
    .play-card,
    .featured-video-card) :is(h1, h2, h3, h4, strong, span, p, a) {
    color: #10131a !important;
    text-shadow: none !important;
}

/* Si el título está encima de la miniatura, mantenerlo legible sobre overlay */
html[data-theme="light"] body.home :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb) :is(h1, h2, h3, h4, strong, span, p, a),
html[data-theme="light"] .home-page :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb) :is(h1, h2, h3, h4, strong, span, p, a),
html[data-theme="light"] .front-page :is(.home-video-card__media,
    .tbs-video-card__media,
    .video-card__media,
    .highlight-card__media,
    .play-card__media,
    .featured-video-card__media,
    .video-thumb,
    .video-thumbnail,
    .highlight-thumb) :is(h1, h2, h3, h4, strong, span, p, a) {
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35) !important;
}

/* Badges: HIGHLIGHTS / SEMANA / PARTIDO */
html[data-theme="light"] body.home :is(.video-badge,
    .video-tag,
    .highlight-badge,
    .highlight-tag,
    .home-video-card__badge,
    .tbs-video-card__badge),
html[data-theme="light"] .home-page :is(.video-badge,
    .video-tag,
    .highlight-badge,
    .highlight-tag,
    .home-video-card__badge,
    .tbs-video-card__badge),
html[data-theme="light"] .front-page :is(.video-badge,
    .video-tag,
    .highlight-badge,
    .highlight-tag,
    .home-video-card__badge,
    .tbs-video-card__badge) {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(15, 23, 42, 0.14) !important;
    color: #10131a !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10) !important;
}

/* Play button */
html[data-theme="light"] body.home :is(.video-play,
    .play-button,
    .play-icon,
    .video-play-button,
    .home-video-card__play,
    .tbs-video-card__play),
html[data-theme="light"] .home-page :is(.video-play,
    .play-button,
    .play-icon,
    .video-play-button,
    .home-video-card__play,
    .tbs-video-card__play),
html[data-theme="light"] .front-page :is(.video-play,
    .play-button,
    .play-icon,
    .video-play-button,
    .home-video-card__play,
    .tbs-video-card__play) {
    background: rgba(204, 18, 38, 0.92) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: 0 14px 34px rgba(204, 18, 38, 0.26) !important;
}

/* Botón Ver todos los videos */
html[data-theme="light"] body.home :is(.home-videos-link,
    .all-videos-link,
    .videos-archive-link,
    .btn-videos,
    a[href*="/videos"]) {
    background: #ffffff !important;
    color: #10131a !important;
    border-color: rgba(15, 23, 42, 0.14) !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.home :is(.home-videos-link,
    .all-videos-link,
    .videos-archive-link,
    .btn-videos,
    a[href*="/videos"]):hover {
    background: #10131a !important;
    color: #ffffff !important;
    border-color: #10131a !important;
}

/* Home — Video highlights exact dashboard classes
   Clases reales del dashboard.css:
   .videos-grid, .video-card, .video-thumbnail, .video-info,
   .video-title, .video-actions span, .video-play-btn.
   Visual only: color, fondo, borde, sombra y contraste.
   -------------------------------------------------------------------------- */

html[data-theme="light"] body.home .videos-grid .video-card,
html[data-theme="light"] .home-page .videos-grid .video-card,
html[data-theme="light"] .front-page .videos-grid .video-card {
    background: #ffffff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

html[data-theme="light"] body.home .videos-grid .video-card:hover,
html[data-theme="light"] .home-page .videos-grid .video-card:hover,
html[data-theme="light"] .front-page .videos-grid .video-card:hover {
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
}

/* La miniatura no debe quedarse negra en modo claro */
html[data-theme="light"] body.home .videos-grid .video-thumbnail,
html[data-theme="light"] .home-page .videos-grid .video-thumbnail,
html[data-theme="light"] .front-page .videos-grid .video-thumbnail {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, rgba(15, 23, 42, 0.08) 54%, rgba(255, 255, 255, 0.82) 100%),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 24 24" fill="rgba(15,23,42,0.10)"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03A3.003 3.003 0 0 1 11 18c-1.66 0-3-1.34-3-3z"/></svg>') center/30% no-repeat,
        linear-gradient(180deg, #f7f8fb 0%, #dfe5ee 100%) !important;
}

/* El bloque inferior del texto debe verse claro, no negro */
html[data-theme="light"] body.home .videos-grid .video-info,
html[data-theme="light"] .home-page .videos-grid .video-info,
html[data-theme="light"] .front-page .videos-grid .video-info {
    background:
        linear-gradient(0deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.72) 72%, rgba(255, 255, 255, 0) 100%) !important;
}

html[data-theme="light"] body.home .videos-grid .video-title,
html[data-theme="light"] .home-page .videos-grid .video-title,
html[data-theme="light"] .front-page .videos-grid .video-title {
    color: #10131a !important;
    text-shadow: none !important;
}

html[data-theme="light"] body.home .videos-grid .video-actions span,
html[data-theme="light"] .home-page .videos-grid .video-actions span,
html[data-theme="light"] .front-page .videos-grid .video-actions span {
    background: rgba(15, 23, 42, 0.07) !important;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    color: #10131a !important;
    text-shadow: none !important;
}

html[data-theme="light"] body.home .videos-grid .video-play-btn,
html[data-theme="light"] .home-page .videos-grid .video-play-btn,
html[data-theme="light"] .front-page .videos-grid .video-play-btn {
    background: rgba(204, 18, 38, 0.94) !important;
    border-color: rgba(204, 18, 38, 0.34) !important;
    box-shadow: 0 14px 34px rgba(204, 18, 38, 0.26) !important;
}

html[data-theme="light"] body.home .videos-grid .video-play-btn::after,
html[data-theme="light"] .home-page .videos-grid .video-play-btn::after,
html[data-theme="light"] .front-page .videos-grid .video-play-btn::after {
    border-left-color: #ffffff !important;
}

/* Home — Quick Actions light hover
   Corrige hover de Estadísticas en vivo / Calendario completo / Mejores jugadas.
   Visual only: color, fondo, borde y sombra.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .home-page .quick-actions .qa-btn,
html[data-theme="light"] body.home .quick-actions .qa-btn {
    background: #ffffff;
    color: var(--text-main);
    border-color: rgba(15, 23, 42, 0.14);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    text-shadow: none;
}

html[data-theme="light"] .home-page .quick-actions .qa-btn:hover,
html[data-theme="light"] body.home .quick-actions .qa-btn:hover {
    background: #10131a;
    color: #ffffff;
    border-color: #10131a;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
    text-shadow: none;
}

/* ==========================================================================
   10. SCORE TICKER NCAA / SCOREBOARD BLANCO
   ========================================================================== */

html[data-theme="light"] .tbs-score-ticker {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.08), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.04), rgba(15, 23, 42, 0.02));
    border-color: var(--border-subtle);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .tbs-score-brand {
    background: rgba(15, 23, 42, 0.06);
    border-right-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-score-brand span,
html[data-theme="light"] .tbs-score-item,
html[data-theme="light"] .tbs-score-item strong,
html[data-theme="light"] .tbs-score-number {
    color: var(--text-main);
}

html[data-theme="light"] .tbs-score-item {
    border-right-color: var(--border-subtle);
    background: transparent;
}

html[data-theme="light"] .tbs-score-item:hover {
    background: rgba(204, 18, 38, 0.05);
}

html[data-theme="light"] .tbs-score-status,
html[data-theme="light"] .tbs-score-separator,
html[data-theme="light"] .tbs-score-vs {
    color: var(--accent-gold);
}

html[data-theme="light"] .tbs-score-meta {
    color: var(--text-muted);
}

html[data-theme="light"] .tbs-score-all {
    color: var(--primary-red);
    background: rgba(15, 23, 42, 0.03);
    border-left-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-score-all:hover {
    color: var(--primary-red);
    background: rgba(204, 18, 38, 0.05);
}


/* ==========================================================================
   11. STATS PAGE
   ========================================================================== */

html[data-theme="light"] .stats-page {
    background-color: var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .stats-hero {
    background: linear-gradient(150deg, #f0f2f5 0%, #f8f0f1 55%, #f0f2f5 100%);
    border-bottom-color: var(--primary-red);
}

html[data-theme="light"] .stats-hero::before {
    background: radial-gradient(ellipse 70% 50% at 50% 110%,
            rgba(204, 18, 38, 0.06) 0%,
            transparent 70%);
}

html[data-theme="light"] .stats-hero__overlay {
    background: none;
}

html[data-theme="light"] .stats-hero__eyebrow {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-hero__title {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .stats-hero__sub {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-section--alt,
html[data-theme="light"] .stats-leaders {
    background: #eef0f4;
}

html[data-theme="light"] .stats-section__title {
    color: var(--text-main);
}

html[data-theme="light"] .stats-section__title--gold,
html[data-theme="light"] .stats-section__title-icon {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-leader-card {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .stats-leader-card:hover {
    border-color: rgba(204, 18, 38, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
    transform: translateY(-4px);
}

html[data-theme="light"] .stats-leader-card:hover::before {
    background: linear-gradient(90deg, transparent, rgba(204, 18, 38, 0.25), transparent);
    opacity: 1;
}

html[data-theme="light"] .stats-leader-card__header {
    background: rgba(15, 23, 42, 0.03);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .stats-leader-card__label,
html[data-theme="light"] .stats-leader-card__info p,
html[data-theme="light"] .stats-leader-card__value span {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-leader-card__photo {
    border-color: var(--border-subtle);
    background: var(--bg-input);
}

html[data-theme="light"] .stats-leader-card:hover .stats-leader-card__photo {
    border-color: var(--primary-red);
}

html[data-theme="light"] .stats-leader-card__placeholder {
    background: linear-gradient(135deg, var(--bg-input), #e4e7ed);
    color: var(--text-muted);
}

html[data-theme="light"] .stats-leader-card__info h3 a {
    color: var(--text-main);
}

html[data-theme="light"] .stats-leader-card__info h3 a:hover {
    color: var(--primary-red);
}

html[data-theme="light"] .stats-leader-card__value strong {
    color: var(--primary-red);
}

html[data-theme="light"] .stats-rankings {
    background: var(--bg-base);
}

html[data-theme="light"] .stats-tabs__nav {
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .stats-tab-btn {
    color: var(--text-muted);
    border-color: var(--border-subtle);
    background: transparent;
}

html[data-theme="light"] .stats-tab-btn:hover {
    color: var(--text-main);
    border-color: var(--border-highlight);
    background: var(--bg-surface);
}

html[data-theme="light"] .stats-tab-btn--active {
    color: #ffffff;
    border-color: var(--primary-red);
    background: var(--primary-red);
    box-shadow: none;
}

html[data-theme="light"] .stats-tab-panel__title {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-ranking-table-wrap {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .stats-ranking-table thead tr {
    background: linear-gradient(90deg, rgba(204, 18, 38, 0.06) 0%, var(--bg-surface) 100%);
    border-bottom-color: var(--primary-red);
}

html[data-theme="light"] .stats-ranking-table thead th {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-ranking-table thead th:last-child {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-ranking-table tbody tr {
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .stats-ranking-table tbody tr:hover {
    background: #f0f2f5;
}

html[data-theme="light"] .stats-ranking-table tbody tr:first-child {
    background: rgba(155, 120, 40, 0.05);
}

html[data-theme="light"] .stats-ranking-table tbody tr:first-child:hover {
    background: rgba(155, 120, 40, 0.09);
}

html[data-theme="light"] .stats-ranking-table td {
    color: var(--text-main);
}

html[data-theme="light"] .stats-ranking-table__rank {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-ranking-table tbody tr:first-child .stats-ranking-table__rank {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-ranking-table__player-link,
html[data-theme="light"] .stats-ranking-table__player a {
    color: var(--text-main);
}

html[data-theme="light"] .stats-ranking-table__player-link:hover,
html[data-theme="light"] .stats-ranking-table__player a:hover {
    color: var(--primary-red);
}

html[data-theme="light"] .stats-ranking-table__team {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-ranking-table__value {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-with-sidebar {
    background: var(--bg-base);
}

html[data-theme="light"] .stats-sidebar-widget {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .stats-sidebar-widget__title {
    color: var(--accent-gold);
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .stats-next-game__date,
html[data-theme="light"] .stats-next-game__venue,
html[data-theme="light"] .stats-potg__team,
html[data-theme="light"] .stats-potg__stat span,
html[data-theme="light"] .stats-recent-card__date,
html[data-theme="light"] .result-date {
    color: var(--text-muted);
}

html[data-theme="light"] .stats-next-game__logo,
html[data-theme="light"] .stats-potg__placeholder {
    border-color: var(--border-subtle);
    background: var(--bg-input);
    color: var(--text-muted);
}

html[data-theme="light"] .stats-next-game__logo-placeholder {
    border-color: var(--border-subtle);
    background: linear-gradient(135deg, var(--bg-input), var(--bg-surface));
    color: var(--text-muted);
}

html[data-theme="light"] .stats-next-game__team-name,
html[data-theme="light"] .stats-potg__name,
html[data-theme="light"] .stats-recent-card__title,
html[data-theme="light"] .result-team-name,
html[data-theme="light"] .result-score,
html[data-theme="light"] .stats-potg__stat strong {
    color: var(--text-main);
}

html[data-theme="light"] .stats-next-game__vs {
    color: var(--primary-red);
    border-color: rgba(204, 18, 18, 0.4);
    background:
        radial-gradient(circle at 35% 30%, rgba(204, 18, 38, 0.10), rgba(204, 18, 38, 0.04)),
        var(--bg-surface);
    box-shadow:
        0 0 0 4px rgba(204, 18, 38, 0.04),
        0 4px 12px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .stats-next-game__link,
html[data-theme="light"] .result-link {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-next-game__link:hover,
html[data-theme="light"] .result-link:hover {
    color: var(--text-main);
}

html[data-theme="light"] .stats-potg__photo {
    border-color: var(--accent-gold);
}

html[data-theme="light"] .stats-potg__name:hover {
    color: var(--primary-red);
}

html[data-theme="light"] .stats-potg__stats {
    border-top-color: var(--border-subtle);
}

html[data-theme="light"] .stats-potg__stat--eff strong {
    color: var(--accent-gold);
}

html[data-theme="light"] .stats-recent-card,
html[data-theme="light"] .stats-recent-card--score {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    border-left-color: var(--primary-red);
}

html[data-theme="light"] .stats-recent-card:hover {
    border-left-color: var(--accent-gold);
    background: var(--bg-surface);
}

/* Recent Results — winner/loser contrast in light mode
   Visual only: color, borde, sombra y contraste.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .result-team.winner .result-team-name {
    color: var(--text-main);
    font-weight: 900;
}

html[data-theme="light"] .result-team.winner .result-score {
    color: #16a34a;
    font-weight: 900;
}

html[data-theme="light"] .result-team.loser .result-team-name,
html[data-theme="light"] .result-team.loser .result-score {
    color: var(--text-muted);
    font-weight: 600;
}

html[data-theme="light"] .result-status {
    color: var(--primary-red);
}

html[data-theme="light"] .team-indicator {
    background: #cbd5e1;
    border-color: rgba(100, 116, 139, 0.25);
    box-shadow: none;
}

html[data-theme="light"] .result-team.winner .team-indicator {
    background: #16a34a;
    border-color: rgba(22, 163, 74, 0.78);
    box-shadow:
        0 0 0 4px rgba(22, 163, 74, 0.12),
        0 0 14px rgba(22, 163, 74, 0.32);
}

html[data-theme="light"] .result-team.loser .team-indicator {
    background: #cbd5e1;
    border-color: rgba(100, 116, 139, 0.25);
    box-shadow: none;
}

html[data-theme="light"] .stats-badge--final {
    color: var(--text-muted);
    background: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .stats-badge--live {
    color: #ffffff;
    background: var(--primary-red);
}


/* ==========================================================================
   12. PLAYERS PAGE
   ========================================================================== */

html[data-theme="light"] .players-page {
    --players-bg: var(--bg-base);
    --players-surface: var(--bg-surface);
    --players-surface-2: var(--bg-surface-elevated);
    --players-border: var(--border-subtle);
    --players-text: var(--text-main);
    --players-muted: var(--text-muted);
    --players-red: var(--primary-red);
    --players-red-glow: var(--primary-red-glow);
    --players-gold: var(--accent-gold);

    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.06), transparent 34%),
        radial-gradient(circle at 8% 18%, rgba(155, 120, 40, 0.04), transparent 26%),
        var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .players-hero::before {
    background:
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent),
        repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 118px);
}

html[data-theme="light"] .players-hero::after {
    background: radial-gradient(circle, rgba(204, 18, 38, 0.07), transparent 70%);
}

html[data-theme="light"] .players-hero__eyebrow {
    border-color: rgba(155, 120, 40, 0.3);
    background: rgba(155, 120, 40, 0.06);
    color: var(--accent-gold);
    box-shadow: none;
}

html[data-theme="light"] .players-hero__title,
html[data-theme="light"] .players-section-head h2,
html[data-theme="light"] .player-card__name,
html[data-theme="light"] .players-featured-card__body h3,
html[data-theme="light"] .players-empty h2 {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .players-hero__desc,
html[data-theme="light"] .players-hero-stat span,
html[data-theme="light"] .players-toolbar label,
html[data-theme="light"] .player-card__team,
html[data-theme="light"] .player-card__meta span,
html[data-theme="light"] .players-featured-card__team,
html[data-theme="light"] .players-empty p {
    color: var(--text-muted);
}

html[data-theme="light"] .players-hero-stat,
html[data-theme="light"] .players-toolbar,
html[data-theme="light"] .players-teams-strip,
html[data-theme="light"] .player-card,
html[data-theme="light"] .players-featured-card,
html[data-theme="light"] .players-empty,
html[data-theme="light"] .players-sidebar-widget {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.05), transparent 30%),
        var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .players-hero-stat strong {
    color: var(--text-main);
}

html[data-theme="light"] .players-toolbar input,
html[data-theme="light"] .players-toolbar select {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-main);
}

html[data-theme="light"] .players-toolbar input:focus,
html[data-theme="light"] .players-toolbar select:focus {
    border-color: rgba(204, 18, 38, 0.45);
    box-shadow: 0 0 0 3px rgba(204, 18, 38, 0.08);
}

html[data-theme="light"] .players-team-chip {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-muted);
}

html[data-theme="light"] .players-team-chip:hover {
    border-color: rgba(204, 18, 38, 0.35);
    color: var(--text-main);
}

html[data-theme="light"] .players-team-chip.is-active,
html[data-theme="light"] .players-team-chip--active {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: #ffffff;
}

html[data-theme="light"] .player-card::before {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.02), transparent 180px);
}

html[data-theme="light"] .player-card:hover {
    border-color: rgba(204, 18, 38, 0.35);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.10),
        0 0 18px rgba(204, 18, 38, 0.06);
}

html[data-theme="light"] .player-card__media {
    background:
        radial-gradient(circle at top, rgba(204, 18, 38, 0.06), transparent 50%),
        #e8eaed;
}

html[data-theme="light"] .player-card__placeholder {
    background:
        radial-gradient(circle at top, rgba(155, 120, 40, 0.06), transparent 46%),
        linear-gradient(180deg, #dde0e6, #c8ccd4);
    color: rgba(15, 23, 42, 0.35);
}

html[data-theme="light"] .player-card__number {
    color: var(--accent-gold);
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(155, 120, 40, 0.4);
    backdrop-filter: none;
}

html[data-theme="light"] .player-card__meta span {
    border-color: var(--border-subtle);
    background: rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .player-card__cta,
html[data-theme="light"] .players-section-head span,
html[data-theme="light"] .players-sidebar-widget__title {
    color: var(--accent-gold);
}


/* ==========================================================================
   13. NEWS PAGE
   ========================================================================== */

html[data-theme="light"] .news-page {
    --news-bg: var(--bg-base);
    --news-surface: var(--bg-surface);
    --news-border: var(--border-subtle);
    --news-text: var(--text-main);
    --news-muted: var(--text-muted);
    --news-red: var(--primary-red);
    --news-red-glow: var(--primary-red-glow);
    --news-gold: var(--accent-gold);

    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.06), transparent 34%),
        var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .news-hero {
    background: transparent;
}

html[data-theme="light"] .news-hero::before {
    background:
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent),
        repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 118px);
}

html[data-theme="light"] .news-hero__eyebrow {
    border-color: rgba(155, 120, 40, 0.3);
    background: rgba(155, 120, 40, 0.06);
    color: var(--accent-gold);
}

html[data-theme="light"] .news-hero__title,
html[data-theme="light"] .news-section-head h2,
html[data-theme="light"] .news-card__title,
html[data-theme="light"] .news-card__heading,
html[data-theme="light"] .news-featured-card__title {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .news-hero__desc,
html[data-theme="light"] .news-hero-stat span,
html[data-theme="light"] .news-card__excerpt,
html[data-theme="light"] .news-card__desc,
html[data-theme="light"] .news-featured-card__desc,
html[data-theme="light"] .news-card__meta,
html[data-theme="light"] .news-card__date,
html[data-theme="light"] .news-card__author {
    color: var(--text-muted);
}

html[data-theme="light"] .news-hero-stat,
html[data-theme="light"] .news-categories,
html[data-theme="light"] .news-card,
html[data-theme="light"] .news-featured-card,
html[data-theme="light"] .news-sidebar-widget {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .news-card:hover,
html[data-theme="light"] .news-featured-card:hover {
    border-color: rgba(204, 18, 38, 0.30);
    box-shadow: var(--shadow-float);
}

html[data-theme="light"] .news-hero-stat strong {
    color: var(--text-main);
}

html[data-theme="light"] .news-category-chip {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-muted);
}

html[data-theme="light"] .news-category-chip:hover {
    border-color: rgba(204, 18, 38, 0.35);
    color: var(--text-main);
}

html[data-theme="light"] .news-category-chip.is-active {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: #ffffff;
}

html[data-theme="light"] .news-card__category,
html[data-theme="light"] .news-tag {
    background: rgba(204, 18, 38, 0.08);
    color: var(--primary-red);
    border-color: rgba(204, 18, 38, 0.2);
}

html[data-theme="light"] .news-section-head span,
html[data-theme="light"] .news-sidebar-widget__title {
    color: var(--accent-gold);
}


/* ==========================================================================
   14. VIDEOS PAGE
   ========================================================================== */

html[data-theme="light"] .videos-page {
    --videos-bg: var(--bg-base);
    --videos-surface: var(--bg-surface);
    --videos-border: var(--border-subtle);
    --videos-text: var(--text-main);
    --videos-muted: var(--text-muted);
    --videos-red: var(--primary-red);
    --videos-red-glow: var(--primary-red-glow);
    --videos-gold: var(--accent-gold);

    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.06), transparent 34%),
        var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .videos-hero {
    background: transparent;
}

html[data-theme="light"] .videos-hero::before {
    background:
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent),
        repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 118px);
}

html[data-theme="light"] .videos-hero__eyebrow {
    border-color: rgba(155, 120, 40, 0.3);
    background: rgba(155, 120, 40, 0.06);
    color: var(--accent-gold);
}

html[data-theme="light"] .videos-hero__title,
html[data-theme="light"] .videos-section-head h2,
html[data-theme="light"] .video-card__title,
html[data-theme="light"] .videos-card__title {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .videos-hero__desc,
html[data-theme="light"] .videos-hero-stat span,
html[data-theme="light"] .video-card__meta,
html[data-theme="light"] .video-card__date,
html[data-theme="light"] .videos-card__meta {
    color: var(--text-muted);
}

html[data-theme="light"] .videos-hero-stat,
html[data-theme="light"] .video-card,
html[data-theme="light"] .videos-featured-card,
html[data-theme="light"] .videos-card,
html[data-theme="light"] .videos-sidebar-widget,
html[data-theme="light"] .videos-panel-card {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .video-card:hover,
html[data-theme="light"] .videos-card:hover {
    border-color: rgba(204, 18, 38, 0.30);
    box-shadow: var(--shadow-float);
}

html[data-theme="light"] .videos-hero-stat strong {
    color: var(--text-main);
}

html[data-theme="light"] .videos-section-head span,
html[data-theme="light"] .videos-sidebar-widget__title,
html[data-theme="light"] .videos-panel-title {
    color: var(--accent-gold);
}

html[data-theme="light"] .videos-filter-btn,
html[data-theme="light"] .videos-category-chip {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-muted);
}

html[data-theme="light"] .videos-filter-btn.is-active,
html[data-theme="light"] .videos-category-chip.is-active {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: #ffffff;
}

/* Video player / stage: dark preserved */
html[data-theme="light"] .videos-stage {
    background:
        radial-gradient(circle at 18% 0%, rgba(230, 25, 43, 0.10), transparent 30%),
        linear-gradient(180deg, #242527 0%, #1f2022 100%);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
}

html[data-theme="light"] .videos-stage .videos-section-head h2,
html[data-theme="light"] .videos-stage-info h2,
html[data-theme="light"] .videos-playlist-head,
html[data-theme="light"] .videos-playlist-head span {
    color: #ffffff;
}

html[data-theme="light"] .videos-stage-info__date,
html[data-theme="light"] .videos-stage-info p,
html[data-theme="light"] .videos-playlist-head__title small {
    color: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .videos-stage-info__category,
html[data-theme="light"] .videos-stage-info p a,
html[data-theme="light"] .videos-playlist-head strong {
    color: #ffcc33;
}

html[data-theme="light"] .videos-stage-player,
html[data-theme="light"] .videos-stage-fallback,
html[data-theme="light"] .videos-player-wrap,
html[data-theme="light"] .video-main-card {
    background: #050506;
    border-color: rgba(255, 255, 255, 0.10);
}

html[data-theme="light"] .videos-playlist-card {
    color: #ffffff;
}

html[data-theme="light"] .videos-playlist-card__body strong,
html[data-theme="light"] .videos-playlist-card__body small,
html[data-theme="light"] .videos-playlist-card__body time {
    color: inherit;
}


/* ==========================================================================
   15. LIVE / BROADCAST / SCOREBOARDS — DARK PRESERVE
   ========================================================================== */

html[data-theme="light"] .goat-live-page {
    background:
        radial-gradient(circle at top left, rgba(230, 25, 43, 0.12), transparent 30%),
        #050505;
    color: #ffffff;
}

html[data-theme="light"] .goat-live-page .goat-live-title,
html[data-theme="light"] .goat-live-page .heading-section,
html[data-theme="light"] .goat-live-page h1,
html[data-theme="light"] .goat-live-page h2,
html[data-theme="light"] .goat-live-page h3,
html[data-theme="light"] .goat-live-page h4,
html[data-theme="light"] .goat-live-page h5,
html[data-theme="light"] .goat-live-page h6 {
    color: #ffffff;
}

html[data-theme="light"] .goat-live-page p,
html[data-theme="light"] .goat-live-desc,
html[data-theme="light"] .goat-live-page .text-muted {
    color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .goat-live-kicker {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
}

html[data-theme="light"] .goat-live-kicker.is-live {
    color: #ffffff;
    border-color: rgba(255, 45, 85, 0.35);
}

html[data-theme="light"] .goat-live-kicker.is-off {
    color: rgba(255, 255, 255, 0.72);
    border-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] .goat-live-card,
html[data-theme="light"] .goat-live-panel .goat-live-card,
html[data-theme="light"] .goat-live-player-card,
html[data-theme="light"] .goat-player-wrap,
html[data-theme="light"] .goat-scoreboard,
html[data-theme="light"] .goat-live-scoreboard,
html[data-theme="light"] .scoreboard-wrapper,
html[data-theme="light"] .scoreboard-status-strip,
html[data-theme="light"] .broadcast-chyron,
html[data-theme="light"] .momentum-bar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        #0a0a0e;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

html[data-theme="light"] .scoreboard-status-strip {
    color: rgba(255, 255, 255, 0.68);
}

html[data-theme="light"] .goat-live-card::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent);
}

html[data-theme="light"] .goat-live-page .goat-card-label {
    color: #ffcc33;
}

html[data-theme="light"] .goat-live-page .goat-scoreboard__team-name,
html[data-theme="light"] .goat-live-page .goat-live-team-name,
html[data-theme="light"] .goat-live-page .team-details h2,
html[data-theme="light"] .scoreboard-wrapper .team-details h2,
html[data-theme="light"] .broadcast-chyron .team-details h2,
html[data-theme="light"] .broadcast-chyron .chyron-team h2 {
    color: #ffffff;
}

html[data-theme="light"] .goat-live-page .goat-scoreboard__score,
html[data-theme="light"] .goat-live-page .goat-live-score,
html[data-theme="light"] .scoreboard-wrapper .team-score,
html[data-theme="light"] .broadcast-chyron .team-score,
html[data-theme="light"] .broadcast-chyron .chyron-score {
    color: #ffffff;
}

html[data-theme="light"] .goat-live-page .goat-scoreboard__quarter,
html[data-theme="light"] .goat-live-page .goat-live-period,
html[data-theme="light"] .goat-live-page .team-details p,
html[data-theme="light"] .scoreboard-wrapper .team-details p,
html[data-theme="light"] .broadcast-chyron .team-details p,
html[data-theme="light"] .momentum-text {
    color: rgba(255, 255, 255, 0.68);
}

html[data-theme="light"] .goat-live-stat-card,
html[data-theme="light"] .goat-quick-stat {
    background: rgba(255, 255, 255, 0.045);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
}

html[data-theme="light"] .goat-live-stat-card strong,
html[data-theme="light"] .goat-quick-stat strong {
    color: #ffffff;
}

html[data-theme="light"] .goat-live-stat-card span,
html[data-theme="light"] .goat-quick-stat span {
    color: rgba(255, 255, 255, 0.68);
}

html[data-theme="light"] .goat-live-ticker {
    border-top-color: rgba(255, 255, 255, 0.10);
    border-bottom-color: rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

html[data-theme="light"] .goat-live-page a {
    color: #ffffff;
}

html[data-theme="light"] .goat-live-page a:hover {
    color: #ffcc33;
}


/* ==========================================================================
   16. PLAYER PROFILE PAGE
   ========================================================================== */

html[data-theme="light"] .player-profile-page {
    --player-bg: var(--bg-base);
    --player-surface: var(--bg-surface);
    --player-surface-2: var(--bg-surface-elevated);
    --player-border: var(--border-subtle);
    --player-text: var(--text-main);
    --player-muted: var(--text-muted);
    --player-red: var(--primary-red);
    --player-red-glow: var(--primary-red-glow);
    --player-gold: var(--accent-gold);

    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.06), transparent 34%),
        radial-gradient(circle at 12% 18%, rgba(155, 120, 40, 0.04), transparent 28%),
        var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .player-profile-hero::before {
    background:
        repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 116px),
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent);
}

html[data-theme="light"] .player-profile-breadcrumb,
html[data-theme="light"] .player-profile-breadcrumb a {
    color: var(--text-muted);
}

html[data-theme="light"] .player-profile-breadcrumb a:hover,
html[data-theme="light"] .player-profile-breadcrumb strong {
    color: var(--primary-red);
}

html[data-theme="light"] .player-profile-photo-card,
html[data-theme="light"] .player-profile-quick-stats,
html[data-theme="light"] .player-quick-stats,
html[data-theme="light"] .player-profile-card,
html[data-theme="light"] .player-data-card {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .player-profile-photo-card {
    background:
        radial-gradient(circle at top, rgba(155, 120, 40, 0.06), transparent 48%),
        var(--bg-surface);
    border-color: rgba(155, 120, 40, 0.18);
    box-shadow:
        0 16px 48px rgba(0, 0, 0, 0.10),
        0 0 20px rgba(155, 120, 40, 0.05);
}

html[data-theme="light"] .player-profile-photo-card__media {
    background:
        radial-gradient(circle at 50% 10%, rgba(204, 18, 38, 0.06), transparent 44%),
        #e0e2e7;
}

html[data-theme="light"] .player-profile-photo-card__placeholder {
    background:
        radial-gradient(circle at top, rgba(155, 120, 40, 0.06), transparent 46%),
        linear-gradient(180deg, #d4d8e0, #bec4cc);
    color: rgba(15, 23, 42, 0.35);
}

html[data-theme="light"] .player-profile-number {
    color: var(--accent-gold);
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(155, 120, 40, 0.38);
}

html[data-theme="light"] .player-profile-info__name,
html[data-theme="light"] .player-profile-name,
html[data-theme="light"] .player-profile-card__title,
html[data-theme="light"] .player-data-title,
html[data-theme="light"] .player-profile-card__value,
html[data-theme="light"] .player-data-value,
html[data-theme="light"] .player-profile-quick-stat strong,
html[data-theme="light"] .player-quick-stat__value {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .player-profile-info__name span,
html[data-theme="light"] .player-profile-name span {
    color: var(--primary-red);
}

html[data-theme="light"] .player-profile-info__position,
html[data-theme="light"] .player-profile-position,
html[data-theme="light"] .player-profile-eyebrow {
    color: var(--accent-gold);
}

html[data-theme="light"] .player-profile-info__team,
html[data-theme="light"] .player-profile-team,
html[data-theme="light"] .player-profile-card__label,
html[data-theme="light"] .player-data-label,
html[data-theme="light"] .player-profile-bio,
html[data-theme="light"] .player-profile-quick-stat span,
html[data-theme="light"] .player-quick-stat__label {
    color: var(--text-muted);
}

html[data-theme="light"] .player-profile-eyebrow {
    border-color: rgba(155, 120, 40, 0.3);
    background: rgba(155, 120, 40, 0.06);
}

html[data-theme="light"] .player-profile-section {
    background: var(--bg-base);
}

html[data-theme="light"] .player-profile-card__title,
html[data-theme="light"] .player-data-title {
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .player-profile-table-wrap {
    background: var(--bg-surface);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .player-profile-table thead tr {
    background: rgba(15, 23, 42, 0.03);
    border-bottom-color: var(--primary-red);
}

html[data-theme="light"] .player-profile-table thead th {
    color: var(--text-muted);
}

html[data-theme="light"] .player-profile-table tbody tr {
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .player-profile-table tbody tr:hover {
    background: rgba(15, 23, 42, 0.02);
}

html[data-theme="light"] .player-profile-table tbody td {
    color: var(--text-main);
}

/* Single Player — Player profile light contrast
   Visual only: texto, fondos, bordes, sombras y contraste.
   Usa las clases reales de player-profile.css.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .player-profile-page {
    --player-bg: var(--bg-base);
    --player-surface: #ffffff;
    --player-surface-2: #f4f6f9;
    --player-border: rgba(15, 23, 42, 0.10);
    --player-text: #10131a;
    --player-muted: #4b5563;

    color: #10131a;
    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.045), transparent 34%),
        radial-gradient(circle at 12% 18%, rgba(155, 120, 40, 0.045), transparent 28%),
        var(--bg-base);
}

html[data-theme="light"] .player-profile-breadcrumb,
html[data-theme="light"] .player-profile-breadcrumb a {
    color: #5b6472;
}

html[data-theme="light"] .player-profile-breadcrumb a:hover,
html[data-theme="light"] .player-profile-breadcrumb strong {
    color: var(--accent-gold);
}

html[data-theme="light"] .player-profile-card,
html[data-theme="light"] .player-profile-side-card,
html[data-theme="light"] .player-profile-team-badge,
html[data-theme="light"] .player-profile-quick-stat,
html[data-theme="light"] .player-profile-data-item,
html[data-theme="light"] .player-profile-avg-item,
html[data-theme="light"] .player-profile-news-card,
html[data-theme="light"] .player-profile-related-card {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.04), transparent 34%),
        #ffffff !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10) !important;
    color: #10131a !important;
}

html[data-theme="light"] .player-profile-title,
html[data-theme="light"] .player-profile-section-head h2,
html[data-theme="light"] .player-profile-team-badge strong,
html[data-theme="light"] .player-profile-quick-stat strong,
html[data-theme="light"] .player-profile-data-item strong,
html[data-theme="light"] .player-profile-entry,
html[data-theme="light"] .player-profile-news-card h3,
html[data-theme="light"] .player-profile-related-card__body h3,
html[data-theme="light"] .player-profile-side-card h3,
html[data-theme="light"] .player-profile-side-list strong,
html[data-theme="light"] .player-profile-avg-item strong {
    color: #10131a !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-team-badge span,
html[data-theme="light"] .player-profile-quick-stat span,
html[data-theme="light"] .player-profile-data-item span,
html[data-theme="light"] .player-profile-news-card p,
html[data-theme="light"] .player-profile-side-card span,
html[data-theme="light"] .player-profile-side-list span {
    color: #4b5563 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-section-head span,
html[data-theme="light"] .player-profile-avg-item span,
html[data-theme="light"] .player-profile-news-card__date,
html[data-theme="light"] .player-profile-news-card strong,
html[data-theme="light"] .player-profile-related-card__body span,
html[data-theme="light"] .player-profile-side-card a,
html[data-theme="light"] .player-profile-entry a,
html[data-theme="light"] .player-profile-btn--ghost {
    color: #7a5f1f !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-photo-card,
html[data-theme="light"] .player-profile-video {
    background:
        radial-gradient(circle at top, rgba(155, 120, 40, 0.06), transparent 48%),
        #ffffff !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] .player-profile-photo-card__media,
html[data-theme="light"] .player-profile-photo-card__placeholder {
    background:
        radial-gradient(circle at top, rgba(204, 18, 38, 0.06), transparent 46%),
        linear-gradient(180deg, #f7f8fb 0%, #e4e8ef 100%) !important;
    color: #1f2937 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-number {
    color: #7a5f1f !important;
    background:
        linear-gradient(180deg, rgba(155, 120, 40, 0.22), rgba(155, 120, 40, 0.10)) !important;
    border-color: rgba(155, 120, 40, 0.38) !important;
    box-shadow: 0 6px 14px rgba(155, 120, 40, 0.14) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-news-card__media,
html[data-theme="light"] .player-profile-news-card__media span,
html[data-theme="light"] .player-profile-related-card__media,
html[data-theme="light"] .player-profile-related-card__media>span {
    background:
        radial-gradient(circle at 50% 28%, rgba(155, 120, 40, 0.12), transparent 44%),
        linear-gradient(180deg, #f7f8fb 0%, #e1e6ee 100%) !important;
    color: #1f2937 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-related-card__media b {
    color: #7a5f1f !important;
    background:
        linear-gradient(180deg, rgba(155, 120, 40, 0.22), rgba(155, 120, 40, 0.10)) !important;
    border-color: rgba(155, 120, 40, 0.38) !important;
    box-shadow: 0 6px 14px rgba(155, 120, 40, 0.14) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .player-profile-related-card__body,
html[data-theme="light"] .player-profile-news-card__body {
    background: #ffffff !important;
}

html[data-theme="light"] .player-profile-entry th,
html[data-theme="light"] .player-profile-entry td {
    border-color: rgba(15, 23, 42, 0.10) !important;
}

html[data-theme="light"] .player-profile-entry th {
    color: #7a5f1f !important;
}

html[data-theme="light"] .player-profile-side-list li {
    border-color: rgba(15, 23, 42, 0.10) !important;
}

/* ==========================================================================
   17. CALENDAR PAGE
   Modo claro visual para calendario.
   IMPORTANTE:
   - No cambia estructura ni layout.
   - No toca display, grid, flex, order, widths, heights ni breakpoints.
   - calendario.css controla el diseño desktop/mobile.
   - theme-modes.css solo pinta colores, fondos, bordes, sombras y contraste.
   ========================================================================== */

html[data-theme="light"] .tbs-cal-page {
    --cal-bg: var(--bg-base);
    --cal-surface: var(--bg-surface);
    --cal-surface-2: var(--bg-surface-elevated);
    --cal-border: var(--border-subtle);
    --cal-border-2: var(--border-highlight);
    --cal-text: var(--text-main);
    --cal-muted: var(--text-muted);
    --cal-red: var(--primary-red);
    --cal-red-glow: var(--primary-red-glow);
    --cal-gold: var(--accent-gold);

    background:
        radial-gradient(circle at 50% 0%, rgba(204, 18, 38, 0.045), transparent 34%),
        radial-gradient(circle at 8% 16%, rgba(155, 120, 40, 0.035), transparent 22%),
        var(--bg-base);
    color: var(--text-main);
}

/* Hero / encabezado */
html[data-theme="light"] .tbs-cal-hero {
    color: var(--text-main);
}

html[data-theme="light"] .tbs-cal-hero::before {
    background:
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent),
        repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.018) 0 1px, transparent 1px 120px);
}

html[data-theme="light"] .tbs-cal-hero::after {
    background: radial-gradient(circle, rgba(204, 18, 38, 0.075), transparent 68%);
    filter: blur(8px);
}

html[data-theme="light"] .tbs-cal-hero h1,
html[data-theme="light"] .tbs-cal-title,
html[data-theme="light"] .tbs-cal-section-head h2 {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .tbs-cal-hero h1 span {
    color: var(--primary-red);
    text-shadow: none;
}

html[data-theme="light"] .tbs-cal-hero p,
html[data-theme="light"] .tbs-cal-subtitle,
html[data-theme="light"] .tbs-cal-section-head p,
html[data-theme="light"] .tbs-cal-muted {
    color: var(--text-muted);
}

html[data-theme="light"] .tbs-cal-kicker {
    background: rgba(155, 120, 40, 0.07);
    border-color: rgba(155, 120, 40, 0.30);
    color: var(--accent-gold);
    box-shadow: none;
}

html[data-theme="light"] .tbs-cal-kicker::before {
    background: var(--primary-red);
    box-shadow: 0 0 12px rgba(204, 18, 38, 0.28);
}

/* Toolbar / filtros */
html[data-theme="light"] .tbs-cal-toolbar {
    background:
        radial-gradient(circle at 0% 0%, rgba(155, 120, 40, 0.055), transparent 34%),
        var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .tbs-cal-toolbar::after {
    background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.025), transparent);
}

html[data-theme="light"] .tbs-cal-toolbar-label {
    color: var(--text-muted);
}

html[data-theme="light"] .tbs-filter-btn {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-muted);
    box-shadow: none;
}

html[data-theme="light"] .tbs-filter-btn:hover,
html[data-theme="light"] .tbs-filter-btn.active {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(204, 18, 38, 0.18);
}

html[data-theme="light"] .tbs-filter-btn.live-btn {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: #ffffff;
    box-shadow: 0 0 22px rgba(204, 18, 38, 0.25);
}

/* Cards / headers */
html[data-theme="light"] .tbs-cal-card,
html[data-theme="light"] .tbs-sb-card,
html[data-theme="light"] .tbs-cal-widget,
html[data-theme="light"] .tbs-cal-sidebar-widget {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.045), transparent 28%),
        var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .tbs-cal-card::before,
html[data-theme="light"] .tbs-sb-card::before {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.025), transparent 160px);
}

html[data-theme="light"] .tbs-cal-card-header,
html[data-theme="light"] .tbs-sb-header,
html[data-theme="light"] .tbs-cal-widget__title,
html[data-theme="light"] .tbs-cal-sidebar-widget__title {
    background:
        radial-gradient(circle at top, rgba(204, 18, 38, 0.045), transparent 54%),
        #eef1f5;
    border-bottom-color: rgba(15, 23, 42, 0.10);
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .tbs-section-eyebrow,
html[data-theme="light"] .tbs-month-heading span,
html[data-theme="light"] .tbs-next-date {
    color: var(--accent-gold);
}

html[data-theme="light"] .tbs-cal-card-header h2,
html[data-theme="light"] .tbs-month-heading h3,
html[data-theme="light"] .tbs-empty-state h3,
html[data-theme="light"] .tbs-sb-header {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .tbs-cal-card-header p,
html[data-theme="light"] .tbs-cal-card-header span:not(.tbs-section-eyebrow),
html[data-theme="light"] .tbs-empty-state p,
html[data-theme="light"] .tbs-muted-text,
html[data-theme="light"] .tbs-cal-cta p {
    color: var(--text-muted);
}

/* Custom game cards si están presentes */
html[data-theme="light"] .tbs-game-card {
    background:
        radial-gradient(circle at 100% 50%, rgba(204, 18, 38, 0.045), transparent 32%),
        var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .tbs-game-card:hover {
    border-color: rgba(155, 120, 40, 0.26);
    box-shadow: var(--shadow-float);
}

html[data-theme="light"] .tbs-game-date,
html[data-theme="light"] .tbs-match-center {
    background: rgba(15, 23, 42, 0.035);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-game-date strong,
html[data-theme="light"] .tbs-match-name,
html[data-theme="light"] .tbs-next-game {
    color: var(--text-main);
}

html[data-theme="light"] .tbs-game-date span,
html[data-theme="light"] .tbs-match-center strong,
html[data-theme="light"] .tbs-game-footer a {
    color: var(--accent-gold);
}

html[data-theme="light"] .tbs-game-meta,
html[data-theme="light"] .tbs-game-footer span,
html[data-theme="light"] .tbs-game-status,
html[data-theme="light"] .tbs-match-center span {
    color: var(--text-muted);
}

html[data-theme="light"] .tbs-game-footer {
    border-top-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-match-logo {
    background:
        radial-gradient(circle at 50% 30%, rgba(15, 23, 42, 0.06), transparent 44%),
        var(--bg-input);
    border-color: var(--border-subtle);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    color: var(--text-main);
}

/* SportsPress event list — visual only */
html[data-theme="light"] .tbs-sp-list-premium tbody tr {
    background:
        radial-gradient(circle at right, rgba(204, 18, 38, 0.045), transparent 36%),
        #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .tbs-sp-list-premium tbody tr:hover {
    background:
        radial-gradient(circle at right, rgba(155, 120, 40, 0.06), transparent 36%),
        #ffffff !important;
    box-shadow: var(--shadow-float);
}

html[data-theme="light"] .tbs-sp-list-premium tbody td {
    color: var(--text-main) !important;
    border-top-color: rgba(15, 23, 42, 0.08) !important;
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    background: transparent !important;
    text-shadow: none !important;
}

html[data-theme="light"] .tbs-sp-list-premium tbody td:first-child {
    border-left-color: rgba(15, 23, 42, 0.08) !important;
    color: var(--text-main) !important;
}

html[data-theme="light"] .tbs-sp-list-premium tbody td:last-child {
    border-right-color: rgba(15, 23, 42, 0.08) !important;
    color: var(--primary-red) !important;
}

html[data-theme="light"] .tbs-sp-list-premium tbody td:nth-child(3) {
    color: var(--text-main) !important;
}

html[data-theme="light"] .tbs-sp-list-premium a,
html[data-theme="light"] .tbs-sp-list-premium .tbs-event-team-name {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .tbs-sp-list-premium a:hover {
    color: var(--primary-red) !important;
}

html[data-theme="light"] .tbs-sp-list-premium .tbs-event-vs,
html[data-theme="light"] .tbs-sp-list-premium .vs,
html[data-theme="light"] .tbs-sp-list-premium .tbs-match-vs {
    color: var(--accent-gold) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .tbs-sp-list-premium .tbs-event-team img,
html[data-theme="light"] .tbs-sp-list-premium .tbs-event-team .team-logo img {
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="light"] .tbs-sp-list-premium tbody td:last-child a,
html[data-theme="light"] .tbs-sp-list-premium .data-summary a {
    background: rgba(204, 18, 38, 0.08) !important;
    border-color: rgba(204, 18, 38, 0.22) !important;
    color: var(--primary-red) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .tbs-sp-list-premium tbody td:last-child a:hover,
html[data-theme="light"] .tbs-sp-list-premium .data-summary a:hover {
    background: var(--primary-red) !important;
    border-color: var(--primary-red) !important;
    color: #ffffff !important;
}

/* Calendar shortcode */
html[data-theme="light"] .tbs-cal-shortcode caption {
    color: var(--text-main) !important;
}

html[data-theme="light"] .tbs-cal-shortcode table th {
    background: #eef1f5 !important;
    color: var(--text-muted) !important;
    border-color: var(--border-subtle) !important;
}

html[data-theme="light"] .tbs-cal-shortcode table td {
    background: rgba(15, 23, 42, 0.02) !important;
    color: var(--text-main) !important;
    border-color: var(--border-subtle) !important;
}

html[data-theme="light"] .tbs-cal-shortcode table td:hover {
    background: rgba(204, 18, 38, 0.055) !important;
}

html[data-theme="light"] .tbs-cal-shortcode a {
    color: var(--accent-gold) !important;
}

html[data-theme="light"] .tbs-cal-shortcode a:hover {
    color: var(--primary-red) !important;
}

/* Sidebar */
html[data-theme="light"] .tbs-sb-body {
    color: var(--text-main);
}

html[data-theme="light"] .tbs-live-card {
    border-color: rgba(204, 18, 38, 0.22);
}

html[data-theme="light"] .tbs-cal-cta {
    background:
        radial-gradient(circle at top right, rgba(204, 18, 38, 0.08), transparent 40%),
        rgba(204, 18, 38, 0.035);
}

html[data-theme="light"] .tbs-cal-btn {
    background: var(--primary-red);
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(204, 18, 38, 0.22);
}

html[data-theme="light"] .tbs-cal-btn:hover {
    box-shadow: 0 10px 28px rgba(204, 18, 38, 0.30);
}

html[data-theme="light"] .tbs-ad {
    color: var(--text-muted);
    background:
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0.025) 0 8px, transparent 8px 16px),
        rgba(15, 23, 42, 0.025);
    border-color: rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] .tbs-cal-sidebar .sp-template-title,
html[data-theme="light"] .tbs-cal-sidebar .sp-table-caption,
html[data-theme="light"] .tbs-cal-sidebar .sp-data-table-caption,
html[data-theme="light"] .tbs-cal-sidebar caption,
html[data-theme="light"] .tbs-standings-widget .sp-template>h1,
html[data-theme="light"] .tbs-standings-widget .sp-template>h2,
html[data-theme="light"] .tbs-standings-widget .sp-template>h3,
html[data-theme="light"] .tbs-standings-widget .sp-template>h4 {
    color: var(--text-main) !important;
    background: rgba(15, 23, 42, 0.035) !important;
}

html[data-theme="light"] .tbs-cal-sidebar table {
    color: var(--text-main) !important;
}

html[data-theme="light"] .tbs-cal-sidebar th,
html[data-theme="light"] .tbs-cal-sidebar td {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
    color: var(--text-main) !important;
}

html[data-theme="light"] .tbs-cal-sidebar th {
    color: var(--text-muted) !important;
}

html[data-theme="light"] .tbs-cal-sidebar a:hover {
    color: var(--primary-red) !important;
}

html[data-theme="light"] .tbs-next-list li {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .tbs-empty-icon {
    background: rgba(15, 23, 42, 0.035);
    border-color: var(--border-subtle);
}

/* Standings manual positions in calendar sidebar */
html[data-theme="light"] .tbs-standings-widget table tbody tr td:first-child::before {
    color: #64748b !important;
}

html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-of-type(1) td:first-child::before {
    color: var(--accent-gold) !important;
}

html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-of-type(2) td:first-child::before {
    color: #8b95a1 !important;
}

html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-of-type(3) td:first-child::before {
    color: #b8792b !important;
}


/* ==========================================================================
   18. GAMECENTER / SINGLE EVENT PAGE
   Modo claro visual para partido individual.
   IMPORTANTE:
   - No cambia estructura ni layout.
   - No toca display, grid, flex, order, widths, heights ni breakpoints.
   - El CSS base del partido individual controla estructura desktop/mobile.
   - Aquí solo se ajustan colores, fondos, bordes, sombras y contraste.
   ========================================================================== */

html[data-theme="light"] .single-goat_game,
html[data-theme="light"] .gamecenter-page,
html[data-theme="light"] .event-page,
html[data-theme="light"] .single-event-page {
    --gc-bg: var(--bg-base);
    --gc-surface: var(--bg-surface);
    --gc-surface-2: var(--bg-surface-elevated);
    --gc-border: var(--border-subtle);
    --gc-border-2: var(--border-highlight);
    --gc-text: var(--text-main);
    --gc-muted: var(--text-muted);
    --gc-red: var(--primary-red);
    --gc-red-glow: var(--primary-red-glow);
    --gc-gold: var(--accent-gold);

    background: var(--bg-base);
    color: var(--text-main);
}

/* Hero / marcador principal: se mantiene dark premium */
html[data-theme="light"] .single-goat_game .game-hero,
html[data-theme="light"] .single-goat_game .event-hero,
html[data-theme="light"] .single-goat_game .gc-hero,
html[data-theme="light"] .gamecenter-page .game-hero,
html[data-theme="light"] .gamecenter-page .event-hero,
html[data-theme="light"] .gamecenter-page .gc-hero {
    background:
        radial-gradient(circle at top, rgba(204, 18, 38, 0.16), transparent 36%),
        linear-gradient(180deg, #160d11 0%, #08080b 100%);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
}

html[data-theme="light"] .single-goat_game .game-hero h1,
html[data-theme="light"] .single-goat_game .event-hero h1,
html[data-theme="light"] .single-goat_game .gc-hero h1,
html[data-theme="light"] .single-goat_game .game-hero h2,
html[data-theme="light"] .single-goat_game .event-hero h2,
html[data-theme="light"] .single-goat_game .gc-hero h2,
html[data-theme="light"] .gamecenter-page .game-hero h1,
html[data-theme="light"] .gamecenter-page .event-hero h1,
html[data-theme="light"] .gamecenter-page .gc-hero h1,
html[data-theme="light"] .gamecenter-page .game-hero h2,
html[data-theme="light"] .gamecenter-page .event-hero h2,
html[data-theme="light"] .gamecenter-page .gc-hero h2 {
    color: #ffffff;
    text-shadow: none;
}

html[data-theme="light"] .single-goat_game .game-hero p,
html[data-theme="light"] .single-goat_game .event-hero p,
html[data-theme="light"] .single-goat_game .gc-hero p,
html[data-theme="light"] .single-goat_game .game-hero span,
html[data-theme="light"] .single-goat_game .event-hero span,
html[data-theme="light"] .single-goat_game .gc-hero span,
html[data-theme="light"] .gamecenter-page .game-hero p,
html[data-theme="light"] .gamecenter-page .event-hero p,
html[data-theme="light"] .gamecenter-page .gc-hero p,
html[data-theme="light"] .gamecenter-page .game-hero span,
html[data-theme="light"] .gamecenter-page .event-hero span,
html[data-theme="light"] .gamecenter-page .gc-hero span {
    color: rgba(255, 255, 255, 0.72);
    text-shadow: none;
}

/* Secciones internas */
html[data-theme="light"] .single-goat_game .gc-section,
html[data-theme="light"] .single-goat_game .game-section,
html[data-theme="light"] .single-goat_game .event-section,
html[data-theme="light"] .gamecenter-page .gc-section,
html[data-theme="light"] .gamecenter-page .game-section,
html[data-theme="light"] .gamecenter-page .event-section {
    background: var(--bg-base);
    color: var(--text-main);
}

/* Títulos: Box score, resultado, detalles, equipos, sede */
html[data-theme="light"] .single-goat_game .gc-section__title,
html[data-theme="light"] .single-goat_game .gc-section-title,
html[data-theme="light"] .single-goat_game .game-section-title,
html[data-theme="light"] .single-goat_game .event-section-title,
html[data-theme="light"] .single-goat_game .section-title,
html[data-theme="light"] .single-goat_game .heading-section,
html[data-theme="light"] .gamecenter-page .gc-section__title,
html[data-theme="light"] .gamecenter-page .gc-section-title,
html[data-theme="light"] .gamecenter-page .game-section-title,
html[data-theme="light"] .gamecenter-page .event-section-title,
html[data-theme="light"] .gamecenter-page .section-title,
html[data-theme="light"] .gamecenter-page .heading-section {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-section__title::before,
html[data-theme="light"] .single-goat_game .gc-section-title::before,
html[data-theme="light"] .single-goat_game .game-section-title::before,
html[data-theme="light"] .single-goat_game .event-section-title::before,
html[data-theme="light"] .single-goat_game .section-title::before,
html[data-theme="light"] .single-goat_game .heading-section::before,
html[data-theme="light"] .gamecenter-page .gc-section__title::before,
html[data-theme="light"] .gamecenter-page .gc-section-title::before,
html[data-theme="light"] .gamecenter-page .game-section-title::before,
html[data-theme="light"] .gamecenter-page .event-section-title::before,
html[data-theme="light"] .gamecenter-page .section-title::before,
html[data-theme="light"] .gamecenter-page .heading-section::before {
    background: var(--primary-red);
    box-shadow: none;
}

/* Cards internas / wrappers */
html[data-theme="light"] .single-goat_game .gc-card,
html[data-theme="light"] .single-goat_game .game-card,
html[data-theme="light"] .single-goat_game .event-card,
html[data-theme="light"] .single-goat_game .gc-shortcode-out,
html[data-theme="light"] .single-goat_game .sp-template,
html[data-theme="light"] .single-goat_game .sp-table-wrapper,
html[data-theme="light"] .single-goat_game .gc-result-card,
html[data-theme="light"] .single-goat_game .gc-score-card,
html[data-theme="light"] .single-goat_game .gc-teams-card,
html[data-theme="light"] .single-goat_game .gc-venue-card,
html[data-theme="light"] .gamecenter-page .gc-card,
html[data-theme="light"] .gamecenter-page .game-card,
html[data-theme="light"] .gamecenter-page .event-card,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out,
html[data-theme="light"] .gamecenter-page .sp-template,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper,
html[data-theme="light"] .gamecenter-page .gc-result-card,
html[data-theme="light"] .gamecenter-page .gc-score-card,
html[data-theme="light"] .gamecenter-page .gc-teams-card,
html[data-theme="light"] .gamecenter-page .gc-venue-card {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.035), transparent 32%),
        #ffffff !important;
    color: var(--text-main) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: var(--shadow-soft);
}

/* Encabezados internos que antes quedaban blancos sobre fondo claro */
html[data-theme="light"] .single-goat_game .gc-card h2,
html[data-theme="light"] .single-goat_game .gc-card h3,
html[data-theme="light"] .single-goat_game .game-card h2,
html[data-theme="light"] .single-goat_game .game-card h3,
html[data-theme="light"] .single-goat_game .event-card h2,
html[data-theme="light"] .single-goat_game .event-card h3,
html[data-theme="light"] .single-goat_game .gc-shortcode-out h2,
html[data-theme="light"] .single-goat_game .gc-shortcode-out h3,
html[data-theme="light"] .single-goat_game .sp-template h2,
html[data-theme="light"] .single-goat_game .sp-template h3,
html[data-theme="light"] .gamecenter-page .gc-card h2,
html[data-theme="light"] .gamecenter-page .gc-card h3,
html[data-theme="light"] .gamecenter-page .game-card h2,
html[data-theme="light"] .gamecenter-page .game-card h3,
html[data-theme="light"] .gamecenter-page .event-card h2,
html[data-theme="light"] .gamecenter-page .event-card h3,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out h2,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out h3,
html[data-theme="light"] .gamecenter-page .sp-template h2,
html[data-theme="light"] .gamecenter-page .sp-template h3 {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-card p,
html[data-theme="light"] .single-goat_game .game-card p,
html[data-theme="light"] .single-goat_game .event-card p,
html[data-theme="light"] .single-goat_game .gc-shortcode-out p,
html[data-theme="light"] .single-goat_game .sp-template p,
html[data-theme="light"] .gamecenter-page .gc-card p,
html[data-theme="light"] .gamecenter-page .game-card p,
html[data-theme="light"] .gamecenter-page .event-card p,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out p,
html[data-theme="light"] .gamecenter-page .sp-template p {
    color: var(--text-muted) !important;
    text-shadow: none !important;
}

/* Resultado / equipos / nombres */
html[data-theme="light"] .single-goat_game .gc-result-team,
html[data-theme="light"] .single-goat_game .gc-result-team-name,
html[data-theme="light"] .single-goat_game .gc-team-name,
html[data-theme="light"] .single-goat_game .gc-team-title,
html[data-theme="light"] .single-goat_game .team-name,
html[data-theme="light"] .single-goat_game .team-title,
html[data-theme="light"] .single-goat_game .sp-team-name,
html[data-theme="light"] .single-goat_game .gc-match-team,
html[data-theme="light"] .single-goat_game .gc-match-team-name,
html[data-theme="light"] .gamecenter-page .gc-result-team,
html[data-theme="light"] .gamecenter-page .gc-result-team-name,
html[data-theme="light"] .gamecenter-page .gc-team-name,
html[data-theme="light"] .gamecenter-page .gc-team-title,
html[data-theme="light"] .gamecenter-page .team-name,
html[data-theme="light"] .gamecenter-page .team-title,
html[data-theme="light"] .gamecenter-page .sp-team-name,
html[data-theme="light"] .gamecenter-page .gc-match-team,
html[data-theme="light"] .gamecenter-page .gc-match-team-name {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-result-score,
html[data-theme="light"] .single-goat_game .gc-score,
html[data-theme="light"] .single-goat_game .team-score,
html[data-theme="light"] .single-goat_game .sp-score,
html[data-theme="light"] .gamecenter-page .gc-result-score,
html[data-theme="light"] .gamecenter-page .gc-score,
html[data-theme="light"] .gamecenter-page .team-score,
html[data-theme="light"] .gamecenter-page .sp-score {
    color: var(--primary-red) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-vs,
html[data-theme="light"] .single-goat_game .gc-versus,
html[data-theme="light"] .single-goat_game .vs,
html[data-theme="light"] .gamecenter-page .gc-vs,
html[data-theme="light"] .gamecenter-page .gc-versus,
html[data-theme="light"] .gamecenter-page .vs {
    color: var(--accent-gold) !important;
    border-color: rgba(155, 120, 40, 0.28) !important;
    background: rgba(155, 120, 40, 0.06) !important;
    text-shadow: none !important;
}

/* Mensajes vacíos / placeholders */
html[data-theme="light"] .single-goat_game .gc-empty,
html[data-theme="light"] .single-goat_game .gc-empty-title,
html[data-theme="light"] .single-goat_game .empty-state,
html[data-theme="light"] .single-goat_game .empty-title,
html[data-theme="light"] .single-goat_game .sp-message,
html[data-theme="light"] .single-goat_game .sp-template-message,
html[data-theme="light"] .gamecenter-page .gc-empty,
html[data-theme="light"] .gamecenter-page .gc-empty-title,
html[data-theme="light"] .gamecenter-page .empty-state,
html[data-theme="light"] .gamecenter-page .empty-title,
html[data-theme="light"] .gamecenter-page .sp-message,
html[data-theme="light"] .gamecenter-page .sp-template-message {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-empty p,
html[data-theme="light"] .single-goat_game .empty-state p,
html[data-theme="light"] .gamecenter-page .gc-empty p,
html[data-theme="light"] .gamecenter-page .empty-state p {
    color: var(--text-muted) !important;
    text-shadow: none !important;
}

/* Sede */
html[data-theme="light"] .single-goat_game .gc-venue,
html[data-theme="light"] .single-goat_game .gc-venue-name,
html[data-theme="light"] .single-goat_game .venue,
html[data-theme="light"] .single-goat_game .venue-name,
html[data-theme="light"] .gamecenter-page .gc-venue,
html[data-theme="light"] .gamecenter-page .gc-venue-name,
html[data-theme="light"] .gamecenter-page .venue,
html[data-theme="light"] .gamecenter-page .venue-name {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

/* Tablas del partido */
html[data-theme="light"] .single-goat_game .gc-shortcode-out table,
html[data-theme="light"] .single-goat_game .sp-template table,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table,
html[data-theme="light"] .gamecenter-page .sp-template table,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table {
    background: #ffffff !important;
    color: var(--text-main) !important;
}

html[data-theme="light"] .single-goat_game .gc-shortcode-out table thead tr,
html[data-theme="light"] .single-goat_game .sp-template table thead tr,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table thead tr,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table thead tr,
html[data-theme="light"] .gamecenter-page .sp-template table thead tr,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table thead tr {
    background: #eef1f5 !important;
}

html[data-theme="light"] .single-goat_game .gc-shortcode-out table th,
html[data-theme="light"] .single-goat_game .sp-template table th,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table th,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table th,
html[data-theme="light"] .gamecenter-page .sp-template table th,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table th {
    background: #eef1f5 !important;
    color: var(--text-muted) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-shortcode-out table td,
html[data-theme="light"] .single-goat_game .sp-template table td,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table td,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table td,
html[data-theme="light"] .gamecenter-page .sp-template table td,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table td {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-shortcode-out table a,
html[data-theme="light"] .single-goat_game .sp-template table a,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table a,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table a,
html[data-theme="light"] .gamecenter-page .sp-template table a,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table a {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-shortcode-out table a:hover,
html[data-theme="light"] .single-goat_game .sp-template table a:hover,
html[data-theme="light"] .single-goat_game .sp-table-wrapper table a:hover,
html[data-theme="light"] .gamecenter-page .gc-shortcode-out table a:hover,
html[data-theme="light"] .gamecenter-page .sp-template table a:hover,
html[data-theme="light"] .gamecenter-page .sp-table-wrapper table a:hover {
    color: var(--primary-red) !important;
}

/* Botones / acciones */
html[data-theme="light"] .single-goat_game .event-actions a,
html[data-theme="light"] .single-goat_game .game-actions a,
html[data-theme="light"] .single-goat_game .gc-actions a,
html[data-theme="light"] .gamecenter-page .event-actions a,
html[data-theme="light"] .gamecenter-page .game-actions a,
html[data-theme="light"] .gamecenter-page .gc-actions a {
    background: #ffffff;
    color: var(--accent-gold);
    border-color: rgba(155, 120, 40, 0.28);
    box-shadow: none;
}

html[data-theme="light"] .single-goat_game .event-actions a:hover,
html[data-theme="light"] .single-goat_game .game-actions a:hover,
html[data-theme="light"] .single-goat_game .gc-actions a:hover,
html[data-theme="light"] .gamecenter-page .event-actions a:hover,
html[data-theme="light"] .gamecenter-page .game-actions a:hover,
html[data-theme="light"] .gamecenter-page .gc-actions a:hover {
    background: var(--text-main);
    color: #ffffff;
    border-color: var(--text-main);
}

/* Componentes deportivos que deben mantenerse oscuros */
html[data-theme="light"] .single-goat_game .scoreboard-wrapper,
html[data-theme="light"] .single-goat_game .broadcast-chyron,
html[data-theme="light"] .gamecenter-page .scoreboard-wrapper,
html[data-theme="light"] .gamecenter-page .broadcast-chyron {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        #0a0a0e;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.10);
}


/* --------------------------------------------------------------------------
   18B. GAMECENTER CONTRAST PATCH — VISUAL ONLY
   Cubre clases reales/desconocidas del partido individual sin tocar layout.
   -------------------------------------------------------------------------- */

/* Quitar herencia blanca dentro del contenido claro */
html[data-theme="light"] .single-goat_game .gc-section :where(h1, h2, h3, h4, h5, h6, strong, b, span, small, li, td, th, a),
html[data-theme="light"] .gamecenter-page .gc-section :where(h1, h2, h3, h4, h5, h6, strong, b, span, small, li, td, th, a),
html[data-theme="light"] .single-goat_game .event-section :where(h1, h2, h3, h4, h5, h6, strong, b, span, small, li, td, th, a),
html[data-theme="light"] .gamecenter-page .event-section :where(h1, h2, h3, h4, h5, h6, strong, b, span, small, li, td, th, a) {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

/* Párrafos y descripciones */
html[data-theme="light"] .single-goat_game .gc-section :where(p, em, label, figcaption),
html[data-theme="light"] .gamecenter-page .gc-section :where(p, em, label, figcaption),
html[data-theme="light"] .single-goat_game .event-section :where(p, em, label, figcaption),
html[data-theme="light"] .gamecenter-page .event-section :where(p, em, label, figcaption) {
    color: var(--text-muted) !important;
    text-shadow: none !important;
}

/* Cards claras del gamecenter, aunque usen clases no previstas */
html[data-theme="light"] .single-goat_game .gc-section :where(.card, .gc-card, .game-card, .event-card, .sp-template, .sp-table-wrapper, .gc-shortcode-out, .gc-result, .gc-result-card, .gc-box-score, .gc-details, .gc-venue, .gc-teams),
html[data-theme="light"] .gamecenter-page .gc-section :where(.card, .gc-card, .game-card, .event-card, .sp-template, .sp-table-wrapper, .gc-shortcode-out, .gc-result, .gc-result-card, .gc-box-score, .gc-details, .gc-venue, .gc-teams),
html[data-theme="light"] .single-goat_game .event-section :where(.card, .gc-card, .game-card, .event-card, .sp-template, .sp-table-wrapper, .gc-shortcode-out, .gc-result, .gc-result-card, .gc-box-score, .gc-details, .gc-venue, .gc-teams),
html[data-theme="light"] .gamecenter-page .event-section :where(.card, .gc-card, .game-card, .event-card, .sp-template, .sp-table-wrapper, .gc-shortcode-out, .gc-result, .gc-result-card, .gc-box-score, .gc-details, .gc-venue, .gc-teams) {
    background:
        radial-gradient(circle at top left, rgba(155, 120, 40, 0.035), transparent 32%),
        #ffffff !important;
    color: var(--text-main) !important;
    border-color: var(--border-subtle) !important;
    box-shadow: var(--shadow-soft) !important;
}

/* Resultado: nombres de equipos, labels y elementos internos */
html[data-theme="light"] .single-goat_game :where(.gc-result, .gc-result-card, .gc-score-card, .gc-teams-card, .gc-team, .gc-team-card, .event-team, .team-row, .team-card) :where(h1, h2, h3, h4, strong, span, a, small),
html[data-theme="light"] .gamecenter-page :where(.gc-result, .gc-result-card, .gc-score-card, .gc-teams-card, .gc-team, .gc-team-card, .event-team, .team-row, .team-card) :where(h1, h2, h3, h4, strong, span, a, small) {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

/* Marcadores o guiones de resultado */
html[data-theme="light"] .single-goat_game :where(.gc-result-score, .gc-score, .team-score, .sp-score, .score, .score-value),
html[data-theme="light"] .gamecenter-page :where(.gc-result-score, .gc-score, .team-score, .sp-score, .score, .score-value) {
    color: var(--primary-red) !important;
    text-shadow: none !important;
}

/* VS/acento */
html[data-theme="light"] .single-goat_game :where(.gc-vs, .gc-versus, .vs, .versus),
html[data-theme="light"] .gamecenter-page :where(.gc-vs, .gc-versus, .vs, .versus) {
    color: var(--accent-gold) !important;
    border-color: rgba(155, 120, 40, 0.28) !important;
    background: rgba(155, 120, 40, 0.06) !important;
    text-shadow: none !important;
}

/* Mensajes vacíos como "ESTADÍSTICAS NO DISPONIBLES" */
html[data-theme="light"] .single-goat_game :where(.gc-empty, .empty-state, .sp-message, .sp-template-message, .gc-placeholder, .placeholder) :where(h1, h2, h3, h4, strong, span),
html[data-theme="light"] .gamecenter-page :where(.gc-empty, .empty-state, .sp-message, .sp-template-message, .gc-placeholder, .placeholder) :where(h1, h2, h3, h4, strong, span) {
    color: var(--text-main) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game :where(.gc-empty, .empty-state, .sp-message, .sp-template-message, .gc-placeholder, .placeholder) :where(p, small),
html[data-theme="light"] .gamecenter-page :where(.gc-empty, .empty-state, .sp-message, .sp-template-message, .gc-placeholder, .placeholder) :where(p, small) {
    color: var(--text-muted) !important;
    text-shadow: none !important;
}

/* Tablas: headers y celdas */
html[data-theme="light"] .single-goat_game :where(.gc-section, .event-section) table,
html[data-theme="light"] .gamecenter-page :where(.gc-section, .event-section) table {
    background: #ffffff !important;
    color: var(--text-main) !important;
}

html[data-theme="light"] .single-goat_game :where(.gc-section, .event-section) table th,
html[data-theme="light"] .gamecenter-page :where(.gc-section, .event-section) table th {
    background: #eef1f5 !important;
    color: var(--text-muted) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game :where(.gc-section, .event-section) table td,
html[data-theme="light"] .gamecenter-page :where(.gc-section, .event-section) table td {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border-color: rgba(15, 23, 42, 0.08) !important;
    text-shadow: none !important;
}

/* No contaminar hero/scoreboard oscuro */
html[data-theme="light"] .single-goat_game :where(.game-hero, .event-hero, .gc-hero, .scoreboard-wrapper, .broadcast-chyron) :where(h1, h2, h3, h4, strong, span, p, small, a),
html[data-theme="light"] .gamecenter-page :where(.game-hero, .event-hero, .gc-hero, .scoreboard-wrapper, .broadcast-chyron) :where(h1, h2, h3, h4, strong, span, p, small, a) {
    color: inherit !important;
}

/* Gamecenter / Single Event — Venue contrast
   Visual only: Sede más legible en modo claro.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .single-goat_game .gc-section--venue .gc-shortcode-out,
html[data-theme="light"] .single-goat_game .gc-section--venue .sp-table-wrapper,
html[data-theme="light"] .gamecenter-page .gc-section--venue .gc-shortcode-out,
html[data-theme="light"] .gamecenter-page .gc-section--venue .sp-table-wrapper {
    color: #10131a !important;
}

html[data-theme="light"] .single-goat_game .gc-section--venue .gc-shortcode-out table th,
html[data-theme="light"] .single-goat_game .gc-section--venue .gc-shortcode-out table td,
html[data-theme="light"] .single-goat_game .gc-section--venue .sp-table-wrapper table th,
html[data-theme="light"] .single-goat_game .gc-section--venue .sp-table-wrapper table td,
html[data-theme="light"] .gamecenter-page .gc-section--venue .gc-shortcode-out table th,
html[data-theme="light"] .gamecenter-page .gc-section--venue .gc-shortcode-out table td,
html[data-theme="light"] .gamecenter-page .gc-section--venue .sp-table-wrapper table th,
html[data-theme="light"] .gamecenter-page .gc-section--venue .sp-table-wrapper table td {
    color: #10131a !important;
    text-shadow: none !important;
}

html[data-theme="light"] .single-goat_game .gc-section--venue .gc-shortcode-out table th,
html[data-theme="light"] .single-goat_game .gc-section--venue .sp-table-wrapper table th,
html[data-theme="light"] .gamecenter-page .gc-section--venue .gc-shortcode-out table th,
html[data-theme="light"] .gamecenter-page .gc-section--venue .sp-table-wrapper table th {
    color: #374151 !important;
    background: #eef1f5 !important;
}

/* ==========================================================================
   19. SINGLE POST
   ========================================================================== */

html[data-theme="light"] .single-page {
    background:
        radial-gradient(circle at top left, rgba(204, 18, 38, 0.06), transparent 32%),
        radial-gradient(circle at top right, rgba(155, 120, 40, 0.05), transparent 30%),
        var(--bg-base);
    color: var(--text-main);
}

html[data-theme="light"] .single-article,
html[data-theme="light"] .single-sidebar-card,
html[data-theme="light"] .single-author-box,
html[data-theme="light"] .single-related-card,
html[data-theme="light"] .single-match-box {
    background: var(--bg-surface);
    color: var(--text-main);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .single-title {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .single-breadcrumb,
html[data-theme="light"] .single-breadcrumb a,
html[data-theme="light"] .single-meta,
html[data-theme="light"] .single-next-game span,
html[data-theme="light"] .single-next-game small,
html[data-theme="light"] .single-sidebar-empty,
html[data-theme="light"] .single-related-date,
html[data-theme="light"] .single-author-bio {
    color: var(--text-muted);
}

html[data-theme="light"] .single-breadcrumb span {
    color: rgba(15, 23, 42, 0.32);
}

html[data-theme="light"] .single-content,
html[data-theme="light"] .single-content p,
html[data-theme="light"] .single-content li,
html[data-theme="light"] .single-content span,
html[data-theme="light"] .entry-content,
html[data-theme="light"] .entry-content p,
html[data-theme="light"] .entry-content li,
html[data-theme="light"] .entry-content span {
    color: #1f2937;
}

html[data-theme="light"] .single-content h2,
html[data-theme="light"] .single-content h3,
html[data-theme="light"] .single-content h4,
html[data-theme="light"] .entry-content h2,
html[data-theme="light"] .entry-content h3,
html[data-theme="light"] .entry-content h4,
html[data-theme="light"] .single-sidebar-title,
html[data-theme="light"] .single-related-title,
html[data-theme="light"] .single-author-name,
html[data-theme="light"] .single-next-game strong {
    color: var(--text-main);
    text-shadow: none;
}

html[data-theme="light"] .single-content a,
html[data-theme="light"] .entry-content a,
html[data-theme="light"] .single-meta-item a {
    color: var(--primary-red);
}

html[data-theme="light"] .single-share-link,
html[data-theme="light"] .single-tags a {
    background: #ffffff;
    color: var(--text-main);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .single-share-link:hover,
html[data-theme="light"] .single-tags a:hover {
    color: var(--primary-red);
    border-color: rgba(204, 18, 38, 0.35);
    background: rgba(204, 18, 38, 0.05);
}

html[data-theme="light"] .single-ad,
html[data-theme="light"] .single-sidebar-ad {
    background: rgba(15, 23, 42, 0.03);
    color: var(--text-muted);
    border-color: rgba(204, 18, 38, 0.18);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .single-category-badge,
html[data-theme="light"] .single-live-badge {
    background: rgba(204, 18, 38, 0.08);
    color: var(--primary-red);
    border-color: rgba(204, 18, 38, 0.24);
    box-shadow: none;
}

html[data-theme="light"] .single-match-label,
html[data-theme="light"] .single-author-label,
html[data-theme="light"] .single-popular-list span {
    color: var(--accent-gold);
}


/* ==========================================================================
   20. TEAM / SINGLE TEAM PAGE
   Modo claro para equipos individuales.
   El hero de equipo puede mantenerse oscuro premium.
   ========================================================================== */

html[data-theme="light"] .single-goat_team,
html[data-theme="light"] .team-page,
html[data-theme="light"] .team-profile-page {
    background: var(--bg-base);
    color: var(--text-main);
}

/* Hero equipo: oscuro premium */
html[data-theme="light"] .single-goat_team .team-hero,
html[data-theme="light"] .team-page .team-hero,
html[data-theme="light"] .team-profile-page .team-hero {
    background:
        radial-gradient(circle at top, rgba(204, 18, 38, 0.12), transparent 36%),
        linear-gradient(180deg, #17191f 0%, #08090d 100%);
    color: #ffffff;
}

html[data-theme="light"] .single-goat_team .team-hero h1,
html[data-theme="light"] .team-page .team-hero h1,
html[data-theme="light"] .team-profile-page .team-hero h1 {
    color: #ffffff;
    text-shadow: none;
}

html[data-theme="light"] .single-goat_team .team-hero p,
html[data-theme="light"] .team-page .team-hero p,
html[data-theme="light"] .team-profile-page .team-hero p {
    color: rgba(255, 255, 255, 0.72);
}

/* Cards y secciones */
html[data-theme="light"] .single-goat_team .team-card,
html[data-theme="light"] .single-goat_team .team-section,
html[data-theme="light"] .single-goat_team .team-roster,
html[data-theme="light"] .single-goat_team .team-games,
html[data-theme="light"] .single-goat_team .sp-template,
html[data-theme="light"] .team-page .team-card,
html[data-theme="light"] .team-page .team-section,
html[data-theme="light"] .team-page .team-roster,
html[data-theme="light"] .team-page .team-games,
html[data-theme="light"] .team-page .sp-template,
html[data-theme="light"] .team-profile-page .team-card,
html[data-theme="light"] .team-profile-page .team-section,
html[data-theme="light"] .team-profile-page .team-roster,
html[data-theme="light"] .team-profile-page .team-games,
html[data-theme="light"] .team-profile-page .sp-template {
    background: #ffffff;
    color: #10131a;
    border-color: rgba(15, 23, 42, 0.10);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .single-goat_team .team-details h2,
html[data-theme="light"] .single-goat_team .team-name,
html[data-theme="light"] .single-goat_team .team-section-title,
html[data-theme="light"] .single-goat_team .team-card h2,
html[data-theme="light"] .single-goat_team .team-card h3,
html[data-theme="light"] .team-page .team-details h2,
html[data-theme="light"] .team-page .team-name,
html[data-theme="light"] .team-page .team-section-title,
html[data-theme="light"] .team-page .team-card h2,
html[data-theme="light"] .team-page .team-card h3,
html[data-theme="light"] .team-profile-page .team-details h2,
html[data-theme="light"] .team-profile-page .team-name,
html[data-theme="light"] .team-profile-page .team-section-title,
html[data-theme="light"] .team-profile-page .team-card h2,
html[data-theme="light"] .team-profile-page .team-card h3 {
    color: #10131a;
    text-shadow: none;
}

html[data-theme="light"] .single-goat_team .team-details p,
html[data-theme="light"] .single-goat_team .team-desc,
html[data-theme="light"] .single-goat_team .team-card p,
html[data-theme="light"] .single-goat_team .team-meta,
html[data-theme="light"] .team-page .team-details p,
html[data-theme="light"] .team-page .team-desc,
html[data-theme="light"] .team-page .team-card p,
html[data-theme="light"] .team-page .team-meta,
html[data-theme="light"] .team-profile-page .team-details p,
html[data-theme="light"] .team-profile-page .team-desc,
html[data-theme="light"] .team-profile-page .team-card p,
html[data-theme="light"] .team-profile-page .team-meta {
    color: #4b5563;
}

/* Tablas del equipo */
html[data-theme="light"] .single-goat_team .sp-template table th,
html[data-theme="light"] .team-page .sp-template table th,
html[data-theme="light"] .team-profile-page .sp-template table th {
    background: #eef1f5;
    color: #475569;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .single-goat_team .sp-template table td,
html[data-theme="light"] .team-page .sp-template table td,
html[data-theme="light"] .team-profile-page .sp-template table td {
    background: #ffffff;
    color: #10131a;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .single-goat_team .sp-template table a,
html[data-theme="light"] .team-page .sp-template table a,
html[data-theme="light"] .team-profile-page .sp-template table a {
    color: #10131a;
    font-weight: 800;
}

html[data-theme="light"] .single-goat_team .sp-template table a:hover,
html[data-theme="light"] .team-page .sp-template table a:hover,
html[data-theme="light"] .team-profile-page .sp-template table a:hover {
    color: var(--primary-red);
}

/* Single Team — Roster light contrast
   Visual only: cards del roster legibles en modo claro.
   -------------------------------------------------------------------------- */

html[data-theme="light"] .team-page {
    --team-text: #10131a;
    --team-muted: #5b6472;
    --team-white: #ffffff;
}

html[data-theme="light"] .team-page .team-player-card {
    background:
        radial-gradient(circle at top left, rgba(200, 16, 46, 0.12), transparent 34%),
        linear-gradient(180deg, #17191f 0%, #0c0d11 100%) !important;
    border-color: rgba(15, 23, 42, 0.16) !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] .team-page .team-player-card:hover {
    border-color: rgba(184, 151, 42, 0.38) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] .team-page .team-player-card__media {
    background:
        radial-gradient(circle at center, rgba(255, 255, 255, 0.06), transparent 48%),
        linear-gradient(180deg, #14161b 0%, #090a0d 100%) !important;
}

html[data-theme="light"] .team-page .team-player-card__placeholder {
    background:
        radial-gradient(circle at center, rgba(184, 151, 42, 0.08), transparent 46%),
        linear-gradient(135deg, #17191f 0%, #090a0d 100%) !important;
    color: rgba(255, 255, 255, 0.42) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .team-page .team-player-card__num {
    background: rgba(0, 0, 0, 0.72) !important;
    color: var(--team-accent-gold, #b8972a) !important;
    border: 1px solid rgba(184, 151, 42, 0.20) !important;
}

html[data-theme="light"] .team-page .team-player-card__body {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015)) !important;
}

html[data-theme="light"] .team-page .team-player-card__name,
html[data-theme="light"] .team-page .team-player-card__link,
html[data-theme="light"] .team-page .team-player-card__link:visited {
    color: #ffffff !important;
    text-shadow: none !important;
}

html[data-theme="light"] .team-page .team-player-card__pos {
    color: rgba(255, 255, 255, 0.58) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .team-page .team-player-card__cta,
html[data-theme="light"] .team-page .team-player-card__link:hover .team-player-card__name {
    color: var(--team-accent-gold, #b8972a) !important;
    text-shadow: none !important;
}

html[data-theme="light"] .team-page .team-section-head h2 {
    color: #10131a !important;
    text-shadow: none !important;
}

html[data-theme="light"] .team-page .team-section-eyebrow {
    color: var(--team-accent-gold, #b8972a) !important;
}

html[data-theme="light"] .team-page .team-section-head h2 span {
    color: var(--team-accent-red, #c8102e) !important;
}

html[data-theme="light"] .team-page .team-empty,
html[data-theme="light"] .team-page .team-game-card,
html[data-theme="light"] .team-page .team-news-card {
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

html[data-theme="light"] .team-page .team-empty p {
    color: #4b5563 !important;
}

/* ==========================================================================
   21. SPORTSPRESS / STANDINGS
   Tablas de SportsPress y posiciones en modo claro.
   Mantiene contraste alto sin afectar scoreboards ni broadcast.
   ========================================================================== */

/* Contenedores principales */
html[data-theme="light"] .stats-page .sp-table-wrapper,
html[data-theme="light"] .player-profile-page .sp-template,
html[data-theme="light"] .player-profile-page .sp-player-statistics,
html[data-theme="light"] .goat-sp-standings-shortcode,
html[data-theme="light"] .tbs-standings-widget,
html[data-theme="light"] .sp-table-wrapper--standings {
    background: #ffffff;
    color: var(--text-main);
    border: 1px solid rgba(15, 23, 42, 0.10);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

/* Títulos del shortcode */
html[data-theme="light"] .goat-sp-standings-shortcode h1,
html[data-theme="light"] .goat-sp-standings-shortcode h2,
html[data-theme="light"] .goat-sp-standings-shortcode .sp-template-title {
    background: #ffffff;
    color: var(--text-main);
    border-bottom: 1px solid rgba(15, 23, 42, 0.10);
}

/* Tablas */
html[data-theme="light"] .stats-page .sp-table-wrapper table,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table,
html[data-theme="light"] .player-profile-page .sp-template table,
html[data-theme="light"] .goat-sp-standings-shortcode table,
html[data-theme="light"] .tbs-standings-widget table,
html[data-theme="light"] .sp-table-wrapper--standings table {
    width: 100%;
    color: var(--text-main);
    background: transparent;
    border-collapse: collapse;
}

/* Header de tabla */
html[data-theme="light"] .stats-page .sp-table-wrapper table thead tr,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table thead tr,
html[data-theme="light"] .player-profile-page .sp-template thead tr,
html[data-theme="light"] .goat-sp-standings-shortcode thead tr,
html[data-theme="light"] .tbs-standings-widget table thead tr,
html[data-theme="light"] .sp-table-wrapper--standings table thead tr {
    background: #eef1f5;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .stats-page .sp-table-wrapper table thead th,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table thead th,
html[data-theme="light"] .player-profile-page .sp-template thead th,
html[data-theme="light"] .goat-sp-standings-shortcode thead th,
html[data-theme="light"] .tbs-standings-widget table thead th,
html[data-theme="light"] .sp-table-wrapper--standings table thead th {
    background: #eef1f5;
    color: #475569;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12);
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/* Filas y celdas */
html[data-theme="light"] .stats-page .sp-table-wrapper table tbody tr,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table tbody tr,
html[data-theme="light"] .player-profile-page .sp-template tbody tr,
html[data-theme="light"] .goat-sp-standings-shortcode tbody tr,
html[data-theme="light"] .tbs-standings-widget table tbody tr,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .stats-page .sp-table-wrapper table tbody td,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table tbody td,
html[data-theme="light"] .player-profile-page .sp-template tbody td,
html[data-theme="light"] .goat-sp-standings-shortcode tbody td,
html[data-theme="light"] .tbs-standings-widget table tbody td,
html[data-theme="light"] .sp-table-wrapper--standings table tbody td {
    background: #ffffff;
    color: #10131a;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

/* Hover limpio */
html[data-theme="light"] .stats-page .sp-table-wrapper table tbody tr:hover td,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table tbody tr:hover td,
html[data-theme="light"] .player-profile-page .sp-template tbody tr:hover td,
html[data-theme="light"] .goat-sp-standings-shortcode tbody tr:hover td,
html[data-theme="light"] .tbs-standings-widget table tbody tr:hover td,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:hover td {
    background: #f8fafc;
}

/* Links / nombres de equipos */
html[data-theme="light"] .stats-page .sp-table-wrapper table a,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table a,
html[data-theme="light"] .player-profile-page .sp-template a,
html[data-theme="light"] .goat-sp-standings-shortcode table a,
html[data-theme="light"] .tbs-standings-widget table a,
html[data-theme="light"] .sp-table-wrapper--standings table a {
    color: #10131a;
    font-weight: 800;
}

html[data-theme="light"] .stats-page .sp-table-wrapper table a:hover,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table a:hover,
html[data-theme="light"] .player-profile-page .sp-template a:hover,
html[data-theme="light"] .goat-sp-standings-shortcode table a:hover,
html[data-theme="light"] .tbs-standings-widget table a:hover,
html[data-theme="light"] .sp-table-wrapper--standings table a:hover {
    color: var(--primary-red);
}

/* Posiciones normales */
html[data-theme="light"] .stats-page .sp-table-wrapper table tbody td:first-child,
html[data-theme="light"] .stats-page .sp-table-wrapper .sp-template table tbody td:first-child,
html[data-theme="light"] .goat-sp-standings-shortcode table tbody td:first-child,
html[data-theme="light"] .tbs-standings-widget table tbody td:first-child,
html[data-theme="light"] .sp-table-wrapper--standings table tbody td:first-child {
    color: #64748b !important;
    font-family: var(--font-heading);
    font-weight: 900;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Cuando la posición está generada con ::before */
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr td:first-child::before,
html[data-theme="light"] .tbs-standings-widget table tbody tr td:first-child::before,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr td:first-child::before {
    color: #64748b !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Top 1 */
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(1) td:first-child,
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(1) td:first-child::before,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(1) td:first-child,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(1) td:first-child::before,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(1) td:first-child,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(1) td:first-child::before {
    color: #9b7828 !important;
}

/* Top 2 */
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(2) td:first-child,
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(2) td:first-child::before,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(2) td:first-child,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(2) td:first-child::before,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(2) td:first-child,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(2) td:first-child::before {
    color: #8b95a1 !important;
}

/* Top 3 */
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(3) td:first-child,
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(3) td:first-child::before,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(3) td:first-child,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(3) td:first-child::before,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(3) td:first-child,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(3) td:first-child::before {
    color: #b8792b !important;
}

/* Del 4 en adelante */
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(n+4) td:first-child,
html[data-theme="light"] .goat-sp-standings-shortcode table tbody tr:nth-child(n+4) td:first-child::before,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(n+4) td:first-child,
html[data-theme="light"] .tbs-standings-widget table tbody tr:nth-child(n+4) td:first-child::before,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(n+4) td:first-child,
html[data-theme="light"] .sp-table-wrapper--standings table tbody tr:nth-child(n+4) td:first-child::before {
    color: #64748b !important;
}

/* ==========================================================================
   22. TABLES — ONLY LIGHT CONTENT AREAS
   No aplicar tablas globales a broadcast ni scoreboards.
   ========================================================================== */

html[data-theme="light"] .stats-page table th,
html[data-theme="light"] .players-page table th,
html[data-theme="light"] .news-page table th,
html[data-theme="light"] .single-page table th,
html[data-theme="light"] .player-profile-page table th,
html[data-theme="light"] .tbs-cal-page table th {
    background: rgba(15, 23, 42, 0.03);
    color: var(--text-main);
    border-bottom: 2px solid var(--primary-red);
}

html[data-theme="light"] .stats-page table td,
html[data-theme="light"] .players-page table td,
html[data-theme="light"] .news-page table td,
html[data-theme="light"] .single-page table td,
html[data-theme="light"] .player-profile-page table td,
html[data-theme="light"] .tbs-cal-page table td {
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-main);
    background: var(--bg-surface);
}

html[data-theme="light"] .stats-page table tbody tr:hover td,
html[data-theme="light"] .players-page table tbody tr:hover td,
html[data-theme="light"] .news-page table tbody tr:hover td,
html[data-theme="light"] .single-page table tbody tr:hover td,
html[data-theme="light"] .player-profile-page table tbody tr:hover td,
html[data-theme="light"] .tbs-cal-page table tbody tr:hover td {
    background: rgba(15, 23, 42, 0.02);
}


/* ==========================================================================
   23. FOOTER / SPONSORS
   ========================================================================== */

html[data-theme="light"] footer,
html[data-theme="light"] .tbs-footer {
    background-color: #ffffff;
    border-top-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-footer__cols {
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .footer-logo,
html[data-theme="light"] .tbs-footer__col .footer-logo {
    color: var(--text-main);
}

html[data-theme="light"] .footer-logo span,
html[data-theme="light"] .tbs-footer__col .footer-logo span {
    color: var(--primary-red);
}

html[data-theme="light"] .tbs-footer__col .widget-title,
html[data-theme="light"] .tbs-footer__col .footer-col-widget__title {
    color: var(--accent-gold);
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .footer-links a,
html[data-theme="light"] .tbs-footer__col .footer-links a,
html[data-theme="light"] .tbs-footer__col p,
html[data-theme="light"] .tbs-footer__col a,
html[data-theme="light"] .tbs-footer__bottom .copyright-wrap,
html[data-theme="light"] .tbs-footer__bottom .credits,
html[data-theme="light"] .tbs-footer__bottom .footer-bottom-widget,
html[data-theme="light"] .tbs-footer__bottom .footer-bottom-widget p {
    color: var(--text-muted);
}

html[data-theme="light"] .footer-links a:hover,
html[data-theme="light"] .tbs-footer__col .footer-links a:hover,
html[data-theme="light"] .tbs-footer__col a:hover {
    color: var(--primary-red);
}

html[data-theme="light"] .sponsors-section {
    background: #f0f2f5;
    border-color: var(--border-subtle);
}

html[data-theme="light"] .sponsors-grid .widget,
html[data-theme="light"] .sponsors-grid .wp-block-image,
html[data-theme="light"] .sponsors-grid .custom-html-widget,
html[data-theme="light"] .sponsors-grid .textwidget,
html[data-theme="light"] .sponsor-placeholder {
    background: rgba(15, 23, 42, 0.03);
    border-color: var(--border-subtle);
}


/* ==========================================================================
   24. TEAM PORTAL
   ========================================================================== */

html[data-theme="light"] .tbs-team-portal {
    background:
        radial-gradient(circle at top left, rgba(204, 18, 38, 0.05), transparent 30%),
        radial-gradient(circle at top right, rgba(155, 120, 40, 0.04), transparent 34%),
        var(--bg-surface);
    border-color: var(--border-subtle);
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .tbs-team-portal-head h2,
html[data-theme="light"] .tbs-team-portal-login-box h3 {
    color: var(--text-main);
}

html[data-theme="light"] .tbs-team-portal-head p,
html[data-theme="light"] .tbs-team-portal-login-info__card ul,
html[data-theme="light"] .tbs-team-portal-login-info__note {
    color: var(--text-muted);
}

html[data-theme="light"] .tbs-team-portal-login-box,
html[data-theme="light"] .tbs-team-portal-login-info__card,
html[data-theme="light"] .tbs-team-portal-login-info__note {
    background: rgba(15, 23, 42, 0.03);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .tbs-team-portal input[type="text"],
html[data-theme="light"] .tbs-team-portal input[type="email"],
html[data-theme="light"] .tbs-team-portal input[type="password"],
html[data-theme="light"] .tbs-team-portal select,
html[data-theme="light"] .tbs-team-portal textarea {
    background: var(--bg-input);
    border-color: var(--border-subtle);
    color: var(--text-main);
}


/* ==========================================================================
   25. GENERAL LIGHT SECTIONS
   ========================================================================== */

html[data-theme="light"] .dashboard-sponsors {
    background: #eef0f4;
}

html[data-theme="light"] section.section--alt,
html[data-theme="light"] .section-alt {
    background: #eef0f4;
}


/* ==========================================================================
   26. RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    .theme-toggle-btn {
        width: 36px;
        height: 36px;
        font-size: 1rem;
        margin-left: 8px;
    }

    .mobile-menu-overlay .theme-toggle-btn,
    #mobile-menu-overlay .theme-toggle-btn {
        width: 52px;
        height: 52px;
        font-size: 1.5rem;
        margin: 28px 0 0;
    }
}