/* ============================================================================= FC SEMINARIO — dark-mode.css Modo oscuro. Se activa con el atributo data-tema="oscuro" en , que guarda js/app.js en localStorage. No repite estilos: solo redefine las variables de superficie y ajusta los bloques que lo necesitan. ========================================================================== */ html[data-tema="oscuro"]{ --superficie:#141926; --superficie-2:#1B2130; --borde:#283042; --texto:#EEF1F7; --texto-suave:#9AA3B7; --club-fondo:#0B1020; --sombra-xs:0 1px 2px rgba(0,0,0,.5); --sombra-sm:0 4px 16px rgba(0,0,0,.45); --sombra-md:0 14px 36px rgba(0,0,0,.55); --sombra-lg:0 26px 60px rgba(0,0,0,.6); } html[data-tema="oscuro"] body{background:transparent;color:var(--texto);} /* Navegación */ html[data-tema="oscuro"] .navbar-club{ background:rgba(20,25,38,.86); border-bottom-color:var(--borde); } html[data-tema="oscuro"] .marca-texto strong, html[data-tema="oscuro"] .navbar-club .nav-link, html[data-tema="oscuro"] .navbar-toggler{color:var(--texto);} html[data-tema="oscuro"] .navbar-club .nav-link.active{color:#fff;} html[data-tema="oscuro"] .barra-superior{background:#060913;} html[data-tema="oscuro"] .buscador-nav input{background:var(--superficie-2);color:var(--texto);border-color:var(--borde);} html[data-tema="oscuro"] .btn-tema{background:var(--superficie-2);color:var(--texto);border-color:var(--borde);} html[data-tema="oscuro"] .btn-tema .icono-luna{display:none;} html[data-tema="oscuro"] .btn-tema .icono-sol{display:block;} html[data-tema="oscuro"] .btn-entradas{background:var(--club-rojo);} html[data-tema="oscuro"] .btn-entradas:hover{background:#fff;color:var(--club-tinta);} /* Superficies y tarjetas */ html[data-tema="oscuro"] .tarjeta, html[data-tema="oscuro"] .panel-filtros, html[data-tema="oscuro"] .dato-jugador, html[data-tema="oscuro"] .franja-datos div, html[data-tema="oscuro"] .tabla-club{background:var(--superficie);border-color:var(--borde);} html[data-tema="oscuro"] .seccion-alterna{background:#0F1421;} html[data-tema="oscuro"] .tarjeta-noticia h3 a{color:var(--texto);} html[data-tema="oscuro"] .tarjeta-noticia h3 a:hover{color:var(--club-oro);} html[data-tema="oscuro"] .tabla-club tbody tr:hover{background:var(--superficie-2);} html[data-tema="oscuro"] .tabla-club .puntos{color:var(--texto);} html[data-tema="oscuro"] .posicion{background:var(--superficie-2);} html[data-tema="oscuro"] .chip-filtro{background:var(--superficie-2);border-color:var(--borde);color:var(--texto-suave);} html[data-tema="oscuro"] .chip-filtro.activo{background:var(--club-rojo);border-color:var(--club-rojo);color:#fff;} html[data-tema="oscuro"] .contenido-noticia p, html[data-tema="oscuro"] .contenido-noticia{color:var(--texto);} html[data-tema="oscuro"] .contenido-noticia blockquote{color:var(--texto);} html[data-tema="oscuro"] .marcador{background:#10162A;} html[data-tema="oscuro"] .pie-club{background:#060913;} /* Formularios y componentes de Bootstrap */ html[data-tema="oscuro"] .form-control, html[data-tema="oscuro"] .form-select{ background:var(--superficie-2);border-color:var(--borde);color:var(--texto); } html[data-tema="oscuro"] .form-control::placeholder{color:#6B7488;} html[data-tema="oscuro"] .form-control:focus, html[data-tema="oscuro"] .form-select:focus{ background:var(--superficie-2);color:var(--texto);border-color:var(--club-azul); box-shadow:0 0 0 .2rem rgba(47,63,168,.25); } html[data-tema="oscuro"] .modal-content, html[data-tema="oscuro"] .dropdown-menu, html[data-tema="oscuro"] .offcanvas{background:var(--superficie);color:var(--texto);border-color:var(--borde);} html[data-tema="oscuro"] .dropdown-item{color:var(--texto);} html[data-tema="oscuro"] .dropdown-item:hover{background:var(--superficie-2);color:#fff;} html[data-tema="oscuro"] .page-link{background:var(--superficie);border-color:var(--borde);color:var(--texto);} html[data-tema="oscuro"] .page-item.active .page-link{background:var(--club-rojo);border-color:var(--club-rojo);color:#fff;} html[data-tema="oscuro"] .table{--bs-table-color:var(--texto);--bs-table-bg:transparent;} /* Panel de administración */ html[data-tema="oscuro"] .panel{background:#0B1020;} html[data-tema="oscuro"] .panel-lateral{background:#10162A;border-right-color:var(--borde);} html[data-tema="oscuro"] .panel-cabecera{background:rgba(20,25,38,.9);border-bottom-color:var(--borde);} html[data-tema="oscuro"] .panel-titulo h1{color:var(--texto);} html[data-tema="oscuro"] .caja-panel, html[data-tema="oscuro"] .tarjeta-metrica{background:var(--superficie);border-color:var(--borde);} html[data-tema="oscuro"] .btn-usuario{background:var(--superficie-2);color:var(--texto);border-color:var(--borde);} html[data-tema="oscuro"] .tabla-panel thead th{background:var(--superficie-2);color:var(--texto-suave);} html[data-tema="oscuro"] .tabla-panel td{border-color:var(--borde);} html[data-tema="oscuro"] .caja-login{background:var(--superficie);border-color:var(--borde);} /* Imágenes: leve atenuación para no deslumbrar sobre fondo oscuro */ html[data-tema="oscuro"] .tarjeta-noticia .imagen img{filter:brightness(.92);}