/* =====================================================================
   Ticopa Hub · r17 · COLORES POR COMUNIDAD (66-colores-comunidad.js)
   El tema se aplica con variables en <html data-tema-comunidad="…"> (las mismas que usa todo el CSS «Marcador»).
   Sin tema (Ticopa) no hay atributo y nada de este archivo cambia la página, salvo el editor del panel.
   ===================================================================== */

/* ---- Editor en Administración → Comunidades ---- */
.tc-editor { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--linea); }
.tc-editor h4 { margin: 0 0 6px; font-family: var(--f-datos); text-transform: uppercase; letter-spacing: .04em; }
.tc-ayuda { color: var(--suave); font-size: .92rem; margin: 0 0 12px; }
.tc-paleta { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin-bottom: 12px; }
.tc-opcion { display: flex; align-items: center; gap: 10px; min-height: var(--toque); padding: 8px 10px; border-radius: var(--r-m);
  background: var(--sup-2); border: 2px solid var(--linea); color: var(--texto); font: 600 .9rem var(--f-texto); text-align: left; cursor: pointer; }
.tc-opcion:hover { border-color: var(--linea-fuerte); }
.tc-opcion.activo { border-color: var(--texto); box-shadow: 0 0 0 2px rgba(244, 243, 255, .18); }
.tc-muestra { display: inline-flex; flex: 0 0 auto; border-radius: 999px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .25); }
.tc-muestra i { display: block; width: 16px; height: 26px; }
.tc-libre { margin: 0 0 14px; }
.tc-libre summary { cursor: pointer; color: var(--violeta-texto); font-weight: 600; min-height: 32px; }
.tc-libre-campos { display: flex; gap: 18px; flex-wrap: wrap; margin: 8px 0; }
.tc-libre-campos label { display: flex; align-items: center; gap: 8px; }
.tc-libre-campos input[type=color] { width: 54px; height: 40px; padding: 2px; border-radius: var(--r-s); border: 1px solid var(--linea-fuerte); background: var(--sup-2); }
.tc-guardar { margin-top: 12px; }
.tc-estado { min-height: 1.2em; color: var(--suave); }

/* Vista previa: una cabecera de liga, una tabla y el flyer «Marcador» con el tema elegido (las variables van en .tc-previa). */
.tc-previa { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 260px); gap: 14px; align-items: start; padding: 14px;
  border-radius: var(--r-l); background: var(--noche); border: 1px solid var(--linea); }
.tc-previa-cab { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: var(--r-m);
  background: linear-gradient(100deg, var(--tc-acento-35, rgba(139, 92, 246, .35)), var(--tc-principal-16, rgba(255, 45, 85, .16))); border-left: 4px solid var(--primary); }
.tc-previa-cab strong { font-family: var(--f-display); font-size: 1.5rem; text-transform: uppercase; color: var(--texto); }
.tc-previa-chip { padding: 3px 10px; border-radius: 999px; background: var(--sup-1); color: var(--violeta-texto); font-weight: 700; font-size: .8rem; text-transform: uppercase; border: 1px solid var(--violeta); }
.tc-previa-btn { margin-left: auto; }
.tc-previa-tabla { width: 100%; border-collapse: collapse; background: var(--sup-1); border-radius: var(--r-m); overflow: hidden; font-family: var(--f-datos); }
.tc-previa-tabla th { background: var(--sup-2); color: var(--violeta-texto); text-align: left; padding: 8px; font-size: .8rem; border-bottom: 2px solid var(--violeta); }
.tc-previa-tabla td { padding: 8px; border-bottom: 1px solid var(--linea); color: var(--texto); }
.tc-previa-tabla td.tc-pts { color: #ffc94a; font-weight: 800; }
.tc-previa-tabla tr:first-child td:first-child { box-shadow: inset 4px 0 0 var(--primary); }
.tc-previa-flyer { width: 100%; height: auto; border-radius: var(--r-m); border: 1px solid var(--linea); }
@media (max-width: 640px) { .tc-previa { grid-template-columns: 1fr; } .tc-previa-flyer { max-width: 260px; justify-self: center; } }

/* ---- Piezas con fondo fijo que llevan un toque del color de la comunidad ---- */
/* Cabecera de la liga: el mismo índigo de siempre; el extremo vino de Ticopa pasa a un tono oscuro del principal de la comunidad. */
html[data-tema-comunidad] .liga-header { background: linear-gradient(120deg, #221c66 0%, #16134a 55%, color-mix(in srgb, var(--rojo) 24%, #0b0a24) 120%) !important; }

/* ===== Generado por tools/colores-comunidad-css.mjs: colores de Ticopa escritos a mano → variables del tema ===== */
/* css/00-foundation-components.css */
html[data-tema-comunidad] .stream-flotante{border: 1px solid color-mix(in srgb, var(--violeta) 75%, transparent)}
html[data-tema-comunidad] .stream-flotante-head{background: linear-gradient(90deg, color-mix(in srgb, var(--rojo) 16%, transparent), color-mix(in srgb, var(--violeta) 18%, transparent))}
html[data-tema-comunidad] .stream-card-premium:hover{box-shadow: 0 18px 42px color-mix(in srgb, var(--violeta) 24%, transparent)}
html[data-tema-comunidad] .dt-declaration-logo-wrap::after{background:linear-gradient(135deg, rgba(245,197,66,.42), transparent 32%, color-mix(in srgb, var(--rojo) 24%, transparent) 70%, color-mix(in srgb, var(--violeta) 38%, transparent))}
html[data-tema-comunidad] .dt-declaration-answer{background:linear-gradient(90deg, color-mix(in srgb, var(--rojo) 13%, transparent), rgba(0,0,0,.42))}
/* css/02-club-album.css */
html[data-tema-comunidad] .match-3d-pitch{background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 18%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 8%, rgba(0,0,0,.06) 8% 16%),
        linear-gradient(90deg, rgba(0,184,255,.46), rgba(0,255,135,.18) 48%, color-mix(in srgb, var(--rojo) 32%, transparent))}
html[data-tema-comunidad] .match-3d-half.visita{background: linear-gradient(270deg, color-mix(in srgb, var(--rojo) 20%, transparent), transparent)}
html[data-tema-comunidad] .club-album-colores{background: linear-gradient(135deg, rgba(245,197,66,.08), color-mix(in srgb, var(--violeta) 8%, transparent), rgba(0,212,255,.06))}
/* css/03-club-social-admin.css */
html[data-tema-comunidad] .club-social-panel{background:
    radial-gradient(circle at 92% 2%, color-mix(in srgb, var(--violeta) 18%, transparent), transparent 28%),
    linear-gradient(145deg, rgba(4, 10, 22, .98), rgba(5, 16, 28, .94))}
html[data-tema-comunidad] .club-social-hero{background: linear-gradient(110deg, rgba(0,229,255,.09), transparent 48%, color-mix(in srgb, var(--violeta) 13%, transparent))}
html[data-tema-comunidad] .club-dt-id{border: 1px solid color-mix(in srgb, var(--violeta) 42%, transparent);background: color-mix(in srgb, var(--violeta) 10%, transparent)}
html[data-tema-comunidad] .social-club-card{background: linear-gradient(145deg, rgba(0,184,255,.14), color-mix(in srgb, var(--violeta) 12%, transparent))}
html[data-tema-comunidad] .preinscripciones-comunidad-panel{border: 1px solid color-mix(in srgb, var(--violeta) 36%, transparent);background: color-mix(in srgb, var(--violeta) 7%, transparent)}
html[data-tema-comunidad] .stat-bar-comparativa .stat-bar-fill-visita{background: linear-gradient(90deg, color-mix(in srgb, var(--violeta) 70%, transparent), var(--secondary))}
/* css/04-portal-album.css */
html[data-tema-comunidad] .portal-bienvenida{background: radial-gradient(circle at 15% 20%, rgba(0,229,255,.16), transparent 30%), radial-gradient(circle at 85% 75%, color-mix(in srgb, var(--violeta) 20%, transparent), transparent 32%), #030712}
html[data-tema-comunidad] .btn-volver-portal{border: 1px solid color-mix(in srgb, var(--violeta) 55%, transparent);background: color-mix(in srgb, var(--violeta) 8%, transparent)}
html[data-tema-comunidad] .portal-planes{border: 1px solid color-mix(in srgb, var(--violeta) 36%, transparent)}
html[data-tema-comunidad] .portal-plan-switch button[data-plan-rol="ADMIN"].activo{background: var(--violeta);box-shadow: 0 0 15px color-mix(in srgb, var(--violeta) 32%, transparent)}
html[data-tema-comunidad] .portal-plan-card.premium{background: linear-gradient(125deg, rgba(250,204,21,.12), color-mix(in srgb, var(--violeta) 13%, transparent))}
html[data-tema-comunidad] .portal-plan-image{background: linear-gradient(100deg, rgba(0,229,255,.22), color-mix(in srgb, var(--violeta) 12%, transparent)), radial-gradient(circle at 75% 30%, rgba(255,255,255,.24), transparent 28%)}
html[data-tema-comunidad] .portal-planes[data-rol="ADMIN"]{border-color: color-mix(in srgb, var(--violeta) 56%, transparent)}
html[data-tema-comunidad] .portal-planes[data-rol="ADMIN"] .portal-plan-card.premium{border-color: color-mix(in srgb, var(--violeta) 68%, transparent);background: linear-gradient(125deg, color-mix(in srgb, var(--violeta) 20%, transparent), rgba(236,72,153,.12))}
html[data-tema-comunidad] .portal-planes[data-rol="ADMIN"] .portal-plan-card.premium .portal-plan-cta{border-color: color-mix(in srgb, var(--violeta) 72%, transparent);background: color-mix(in srgb, var(--violeta) 17%, transparent)}
html[data-tema-comunidad] .portal-search-results{border: 1px solid color-mix(in srgb, var(--violeta) 28%, transparent)}
html[data-tema-comunidad] .portal-search-results button:hover{background: color-mix(in srgb, var(--rojo) 10%, transparent)}
html[data-tema-comunidad] .team-chat-message.mensaje-externo{border: 1px solid color-mix(in srgb, var(--violeta) 30%, transparent);background: color-mix(in srgb, var(--violeta) 10%, transparent)}
/* css/05-overrides-responsive.css */
html[data-tema-comunidad] .portal-admin-plan-role{border: 1px solid color-mix(in srgb, var(--violeta) 27%, transparent)}
html[data-tema-comunidad] .home-membresia{border-color: color-mix(in srgb, var(--violeta) 70%, transparent);background: linear-gradient(120deg, color-mix(in srgb, var(--violeta) 18%, transparent), rgba(10,15,29,.8))}
html[data-tema-comunidad] .cuenta-planes article.pro{border-color: color-mix(in srgb, var(--violeta) 70%, transparent)}
html[data-tema-comunidad] .hs-poster{background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--violeta) 22%, transparent), rgba(5,7,13,.96) 70%)}
/* css/07-professional-mobile-system.css */
html[data-tema-comunidad] .close-modal{background: color-mix(in srgb, var(--rojo) 12%, transparent) !important;border: 1px solid color-mix(in srgb, var(--rojo) 55%, transparent) !important}
@media (max-width: 768px){
html[data-tema-comunidad] .match-3d-pitch{background:linear-gradient(180deg, rgba(0,184,255,.38), rgba(0,255,135,.14) 48%, color-mix(in srgb, var(--rojo) 30%, transparent)) !important}
html[data-tema-comunidad] .match-3d-half.visita{background:linear-gradient(0deg, color-mix(in srgb, var(--rojo) 22%, transparent), transparent) !important}
}
/* css/100-flyers-agrupados.css */
html[data-tema-comunidad] .mc100-op:hover{background: color-mix(in srgb, var(--violeta) 12%, transparent)}
html[data-tema-comunidad] .mc100-op input{accent-color: var(--violeta)}
/* css/105-campana-avisos.css */
html[data-tema-comunidad] .mc-camp-boton[aria-expanded="true"]{border-color: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-camp-num{background: var(--rojo, var(--rojo))}
html[data-tema-comunidad] .mc-camp-tab-on{background: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .mc-camp-enlace{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-camp-sin-leer .mc-camp-punto{background: var(--rojo, var(--rojo));border-color: var(--rojo, var(--rojo))}
html[data-tema-comunidad] .mc-camp-sin-leer{background: color-mix(in srgb, var(--violeta) 8%, transparent)}
html[data-tema-comunidad] .mc-camp-ir{background: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .mc-camp-ir:hover:not(:disabled){background: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-camp-resalta{outline: 3px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-bj-cola-n{background: var(--rojo, var(--rojo))}
html[data-tema-comunidad] .mc-bj-btn{background: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .mc-bj-btn:hover:not(:disabled){background: var(--violeta, var(--violeta))}
/* css/105-dt-pendientes.css */
html[data-tema-comunidad] .mc-pr-tipo{color:var(--violeta-texto,var(--violeta-texto))}
/* css/105-mis-recargas.css */
html[data-tema-comunidad] .mr-btn-texto{color: var(--violeta-texto, var(--violeta-texto))}
/* css/108-metricas-publico.css */
html[data-tema-comunidad] .mp-num{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mp-hilo{background: linear-gradient(90deg, var(--violeta-boton, var(--violeta-boton)), var(--violeta-texto, var(--violeta-texto)))}
/* css/113-resultados-dia.css */
html[data-tema-comunidad] .xrd-flecha:not(:disabled):hover,
html[data-tema-comunidad] .xrd-flecha:focus-visible{border-color: var(--violeta, var(--violeta));box-shadow: 0 0 0 2px var(--violeta, var(--violeta))}
html[data-tema-comunidad] .xrd-volver{border: 1px solid var(--violeta, var(--violeta));color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .xrd-cab{color: var(--violeta-texto, var(--violeta-texto));border-left: 4px solid var(--violeta, var(--violeta))}
/* css/114-plantilla-general.css */
html[data-tema-comunidad] .pg-fila.pg-propio{border-left-color: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .pg-chip-mano{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .pg-btn-texto{color: var(--rojo-texto, var(--rojo-texto))}
/* css/120-fantasy.css */
html[data-tema-comunidad] .fan-btn-pri{background: linear-gradient(180deg, var(--violeta), #6d3ae8);box-shadow: 0 6px 18px color-mix(in srgb, var(--violeta-boton) 35%, transparent)}
html[data-tema-comunidad] .fan-btn-pri:hover{background: linear-gradient(180deg, #9a6ffb, var(--violeta-boton))}
html[data-tema-comunidad] .fan-chip.mal{border-color: color-mix(in srgb, var(--rojo-texto) 55%, transparent);background: color-mix(in srgb, var(--rojo) 12%, transparent)}
html[data-tema-comunidad] .fan-ficha{background: linear-gradient(160deg, var(--c, var(--violeta)), color-mix(in srgb, var(--c, var(--violeta)) 55%, #0b0a24))}
html[data-tema-comunidad] .fan-vacio-ico{background: radial-gradient(circle, color-mix(in srgb, var(--violeta) 35%, transparent), color-mix(in srgb, var(--violeta) 8%, transparent))}
html[data-tema-comunidad] .fan-franja.nuevo{border-color: color-mix(in srgb, var(--violeta) 50%, transparent);background: color-mix(in srgb, var(--violeta) 12%, transparent)}
html[data-tema-comunidad] .fan-cab{background: radial-gradient(120% 140% at 100% 0%, rgba(32,232,155,.18), transparent 55%), radial-gradient(90% 120% at 0% 100%, color-mix(in srgb, var(--rojo) 16%, transparent), transparent 60%), linear-gradient(135deg, #221d5e, #14123a 70%)}
html[data-tema-comunidad] .fan-portada{background: radial-gradient(100% 120% at 100% 0%, rgba(32,232,155,.2), transparent 55%), radial-gradient(80% 120% at 0% 100%, color-mix(in srgb, var(--rojo) 18%, transparent), transparent 60%), linear-gradient(135deg, #251f66, #14123a 75%)}
html[data-tema-comunidad] .fan-mini-tabla li.mia{background: linear-gradient(90deg, color-mix(in srgb, var(--violeta) 35%, transparent), color-mix(in srgb, var(--violeta) 10%, transparent))}
html[data-tema-comunidad] .fan-seg button[aria-selected="true"]{box-shadow: 0 4px 12px color-mix(in srgb, var(--violeta-boton) 40%, transparent)}
html[data-tema-comunidad] .fan-puesto.fuera .fan-puesto-nom{background: color-mix(in srgb, var(--rojo) 85%, transparent)}
html[data-tema-comunidad] .fan-check li.no .fan-ico{background: color-mix(in srgb, var(--rojo) 18%, transparent)}
html[data-tema-comunidad] .fan-ficha-cab{background: radial-gradient(90% 140% at 0% 0%, color-mix(in srgb, var(--c, var(--violeta)) 30%, transparent), transparent 60%), var(--fan-tarjeta)}
html[data-tema-comunidad] .fan-graf .linea{stroke: var(--violeta-texto)}
html[data-tema-comunidad] .fan-graf .area{fill: color-mix(in srgb, var(--violeta) 16%, transparent)}
html[data-tema-comunidad] .fan-graf .punto{stroke: var(--violeta)}
html[data-tema-comunidad] .fan-hist-pts.neg{background: color-mix(in srgb, var(--rojo) 14%, transparent)}
html[data-tema-comunidad] .fan-det-pts.neg{background: color-mix(in srgb, var(--rojo) 15%, transparent)}
html[data-tema-comunidad] .fan-tabla tr.mia{background: linear-gradient(90deg, color-mix(in srgb, var(--violeta) 35%, transparent), color-mix(in srgb, var(--violeta) 8%, transparent))}
html[data-tema-comunidad] .fan-inicio .fan-btn,
html[data-tema-comunidad] .fan-inicio .fan-btn:hover{background: linear-gradient(180deg, var(--violeta), #6d3ae8) !important;box-shadow: 0 6px 18px color-mix(in srgb, var(--violeta-boton) 35%, transparent)}
html[data-tema-comunidad] .fan-inicio .fan-btn{background: linear-gradient(180deg, var(--violeta), #6d3ae8)}
/* css/126-fantasy-admin.css */
html[data-tema-comunidad] .fan-filtro.on{background: color-mix(in srgb, var(--violeta) 28%, transparent)}
html[data-tema-comunidad] .fan-estado.est-descalificado{background: color-mix(in srgb, var(--rojo) 14%, transparent)}
html[data-tema-comunidad] .fan-cita{background: color-mix(in srgb, var(--violeta) 10%, transparent)}
html[data-tema-comunidad] .fan-check input{accent-color: var(--violeta)}
html[data-tema-comunidad] .fan-seg.on{background: var(--violeta-boton);box-shadow: 0 3px 10px color-mix(in srgb, var(--violeta-boton) 40%, transparent)}
html[data-tema-comunidad] .fan-picker-op:hover{background: color-mix(in srgb, var(--violeta) 14%, transparent)}
/* css/133-bienvenida.css */
html[data-tema-comunidad],html[data-tema-comunidad] body{--xbv-acento: var(--violeta-texto, var(--violeta-texto));--xbv-fuerte: var(--rojo, var(--rojo))}
/* css/14-marcador-tokens.css */
html[data-tema-comunidad] ::selection{background: color-mix(in srgb, var(--violeta) 45%, transparent)}
/* css/15-marcador-estructura.css */
html[data-tema-comunidad] body.marcador #btn-world-cabecera{background: linear-gradient(120deg, color-mix(in srgb, var(--violeta-boton) 55%, transparent), color-mix(in srgb, var(--rojo) 40%, transparent)) !important}
/* css/16-marcador-piezas.css */
html[data-tema-comunidad] .mc-cabecera::after{background: linear-gradient(105deg, transparent 0 18%, color-mix(in srgb, var(--rojo) 18%, transparent) 18% 22%, transparent 22% 30%, color-mix(in srgb, var(--violeta) 22%, transparent) 30% 34%, transparent 34%)}
html[data-tema-comunidad] .mc-ia{background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--rojo) 22%, transparent), transparent 55%), linear-gradient(160deg, #241d6b, #15123d 70%)}
html[data-tema-comunidad] .search-input:focus,
html[data-tema-comunidad] select:focus,
html[data-tema-comunidad] textarea:focus,
html[data-tema-comunidad] input:focus{box-shadow: 0 0 0 3px color-mix(in srgb, var(--violeta) 25%, transparent) !important}
html[data-tema-comunidad] .pro-table tbody tr:hover,
html[data-tema-comunidad] .table-responsive > table tbody tr:hover{background: color-mix(in srgb, var(--violeta) 8%, transparent) !important}
html[data-tema-comunidad] .futuro{background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--violeta) 5%, transparent) 0 10px, transparent 10px 20px) !important}
/* css/17-marcador-pantallas.css */
html[data-tema-comunidad] .mc-marcador .mc-loc{background: linear-gradient(115deg, color-mix(in srgb, var(--violeta) 38%, transparent), color-mix(in srgb, var(--violeta) 8%, transparent))}
html[data-tema-comunidad] .mc-marcador .mc-vis{background: linear-gradient(245deg, color-mix(in srgb, var(--rojo) 32%, transparent), color-mix(in srgb, var(--rojo) 6%, transparent))}
html[data-tema-comunidad] .home-world-link{background: radial-gradient(60% 120% at 85% 110%, color-mix(in srgb, var(--rojo) 45%, transparent), transparent 60%), linear-gradient(160deg, #2a1f7a, #120f3a 70%) !important}
html[data-tema-comunidad] .liga-header::after{background: linear-gradient(105deg, transparent 0 18%, color-mix(in srgb, var(--rojo) 18%, transparent) 18% 22%, transparent 22% 30%, color-mix(in srgb, var(--violeta) 22%, transparent) 30% 34%, transparent 34%)}
html[data-tema-comunidad] .mc-herr-ia{background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--rojo) 22%, transparent), transparent 55%), linear-gradient(160deg, #241d6b, #15123d 70%)}
html[data-tema-comunidad] .mc-partido-cab > div:first-child{background: linear-gradient(115deg, color-mix(in srgb, var(--violeta) 38%, transparent), color-mix(in srgb, var(--violeta) 8%, transparent))}
html[data-tema-comunidad] .mc-partido-cab > div:last-child{background: linear-gradient(245deg, color-mix(in srgb, var(--rojo) 32%, transparent), color-mix(in srgb, var(--rojo) 6%, transparent))}
@media (max-width: 700px){
html[data-tema-comunidad] .standings-responsive{background:
      linear-gradient(to right, var(--sup-1, #14123a) 30%, rgba(20, 18, 58, 0)) left center / 36px 100% no-repeat local,
      linear-gradient(to left, var(--sup-1, #14123a) 30%, rgba(20, 18, 58, 0)) right center / 36px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--violeta) 60%, transparent), color-mix(in srgb, var(--violeta) 0%, transparent)) left center / 14px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--violeta) 60%, transparent), color-mix(in srgb, var(--violeta) 0%, transparent)) right center / 14px 100% no-repeat scroll}
}
html[data-tema-comunidad] body.marcador .home-streams .hs-marco:not(.reproduciendo){background: color-mix(in srgb, var(--violeta) 8%, transparent) !important}
html[data-tema-comunidad] .mc-atajo-ia{background: linear-gradient(100deg, color-mix(in srgb, var(--rojo) 22%, transparent), color-mix(in srgb, var(--rojo) 4%, transparent) 75%), var(--sup-2)}
html[data-tema-comunidad] .mc-resultados .mc-chip-liga:focus-visible{outline: 2px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-tamano-seg .el11-seg.activo{background: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-fondo-op:hover{border-color: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-fondo-op:focus-visible{outline: 2px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-fondo-op.activo{background: var(--violeta, var(--violeta));border-color: var(--violeta, var(--violeta))}
/* css/18-marcador-admin.css */
html[data-tema-comunidad] .mc-dec-boton{background: color-mix(in srgb, var(--rojo) 12%, transparent) !important}
html[data-tema-comunidad] .mc-dec-entrada{background: color-mix(in srgb, var(--rojo) 6%, transparent)}
html[data-tema-comunidad] .mc-mas-item:focus-visible,
html[data-tema-comunidad] .mc-mas-cerrar:focus-visible{outline: 2px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-precios-boton{border-color: var(--violeta, var(--violeta)) !important;background: color-mix(in srgb, var(--violeta) 14%, transparent) !important}
/* css/20-marcador-noticias-partido-admin.css */
html[data-tema-comunidad],html[data-tema-comunidad] body{--mc20-tarjeta-suave: linear-gradient(160deg, color-mix(in srgb, var(--violeta-boton) 20%, transparent) 0%, rgba(20, 18, 58, .9) 55%)}
html[data-tema-comunidad] .editorial-sala .editorial-heading{background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--rojo) 28%, transparent) 0%, transparent 46%), var(--mc20-tarjeta) !important}
html[data-tema-comunidad] .editorial-sala .editorial-heading::after{background: repeating-linear-gradient(115deg, transparent 0 22px, color-mix(in srgb, var(--violeta) 10%, transparent) 22px 44px)}
html[data-tema-comunidad] .editorial-sala .editorial-card .editorial-kicker{background: color-mix(in srgb, var(--rojo) 14%, transparent);border: 1px solid color-mix(in srgb, var(--rojo) 40%, transparent)}
html[data-tema-comunidad] .club-profile-header:has(.mc-partido-cab) > div:first-child{background: color-mix(in srgb, var(--violeta) 16%, transparent)}
html[data-tema-comunidad] .perfil-wrapper .mc-partido-cab{background: radial-gradient(90% 120% at 50% 0%, color-mix(in srgb, var(--violeta) 35%, transparent), transparent 60%), var(--mc20-tarjeta) !important}
html[data-tema-comunidad] .club-profile-header:has(.mc-partido-cab) > div:last-child > span{background: color-mix(in srgb, var(--rojo) 14%, transparent);border: 1px solid color-mix(in srgb, var(--rojo) 40%, transparent)}
html[data-tema-comunidad] .ticopa-workspace .workspace-heading{background: radial-gradient(120% 160% at 100% 0%, color-mix(in srgb, var(--rojo) 26%, transparent), transparent 45%), var(--mc20-tarjeta) !important}
/* css/22-marcador-color.css */
html[data-tema-comunidad] .mc-goles > i{color: var(--violeta-texto, var(--violeta-texto)) !important}
html[data-tema-comunidad] .mc-chip[aria-pressed="true"]{background: var(--violeta-boton, var(--violeta-boton)) !important;border-color: var(--violeta, var(--violeta)) !important}
/* css/23-marcador-efectos.css */
@media (prefers-reduced-motion: no-preference){
html[data-tema-comunidad],html[data-tema-comunidad] body{--fx-violeta: var(--violeta, var(--violeta));--fx-rojo: var(--rojo, var(--rojo))}
html[data-tema-comunidad] :is(.mc-tarjeta-enlace,
html[data-tema-comunidad] .mc-torneo,
html[data-tema-comunidad] .mc-dec-tarjeta,
html[data-tema-comunidad] .mc-placa,
html[data-tema-comunidad] .editorial-card,
html[data-tema-comunidad] .tar-card,
html[data-tema-comunidad] .workspace-quick-card)::after{background: radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--violeta) 16%, transparent), transparent 60%);box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--violeta) 45%, transparent), 0 8px 24px -12px color-mix(in srgb, var(--violeta) 55%, transparent)}
}
@media (hover: hover) and (pointer: fine){
html[data-tema-comunidad] .mc-banner-clic:hover,
html[data-tema-comunidad] .home-world-link:hover{border-color: var(--violeta, var(--violeta)) !important;box-shadow: 0 10px 28px -14px color-mix(in srgb, var(--violeta) 65%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--violeta) 45%, transparent)}
}
/* css/24-moderno-admin.css */
html[data-tema-comunidad],html[data-tema-comunidad] body{--m-cabecera: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--violeta) 34%, transparent), transparent 55%), radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--rojo) 16%, transparent), transparent 60%), linear-gradient(135deg, #231d63, #15123d);--m-borde: color-mix(in srgb, var(--violeta-texto) 14%, transparent);--m-borde-fuerte: color-mix(in srgb, var(--violeta-texto) 28%, transparent);--m-acento: linear-gradient(90deg, var(--violeta), var(--rojo));--m-brillo-rojo: 0 8px 22px -10px color-mix(in srgb, var(--rojo) 70%, transparent)}
/* css/25-moderno-hub.css */
html[data-tema-comunidad],html[data-tema-comunidad] body{--m-cabecera: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--violeta) 34%, transparent), transparent 55%), radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, var(--rojo) 16%, transparent), transparent 60%), linear-gradient(135deg, #231d63, #15123d);--m-borde: color-mix(in srgb, var(--violeta-texto) 14%, transparent);--m-borde-fuerte: color-mix(in srgb, var(--violeta-texto) 28%, transparent);--m-acento: linear-gradient(90deg, var(--violeta), var(--rojo));--m-brillo-rojo: 0 8px 22px -10px color-mix(in srgb, var(--rojo) 70%, transparent)}
html[data-tema-comunidad] body.marcador{background:
    radial-gradient(1100px 520px at 70% -180px, color-mix(in srgb, var(--violeta-boton) 16%, transparent), transparent 70%),
    radial-gradient(800px 420px at -10% 110%, color-mix(in srgb, var(--rojo) 5%, transparent), transparent 70%),
    var(--noche) !important}
html[data-tema-comunidad] ::selection{background: color-mix(in srgb, var(--violeta) 45%, transparent)}
html[data-tema-comunidad] body.marcador .navbar{box-shadow: 0 10px 30px -24px color-mix(in srgb, var(--violeta-boton) 90%, transparent) !important}
html[data-tema-comunidad] body.marcador #btn-world-cabecera{border-color: color-mix(in srgb, var(--violeta-texto) 45%, transparent) !important;box-shadow: 0 6px 18px -10px color-mix(in srgb, var(--violeta) 80%, transparent)}
html[data-tema-comunidad] body.marcador #btn-portal-sesion,
html[data-tema-comunidad] body.marcador .btn-cuenta-cabecera{box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 18px -10px color-mix(in srgb, var(--violeta-boton) 90%, transparent) !important}
html[data-tema-comunidad] .marcador-nav-inf a[aria-current]{background: color-mix(in srgb, var(--violeta) 14%, transparent)}
@media (min-width: 1024px){
html[data-tema-comunidad] body.marcador .marcador-riel{background: radial-gradient(140% 40% at 0% 0%, color-mix(in srgb, var(--violeta) 16%, transparent), transparent 60%), linear-gradient(180deg, #120f36, #0c0b29) !important}
}
html[data-tema-comunidad] .marcador-riel nav a:hover,
html[data-tema-comunidad] .marcador-riel nav button:hover{background: color-mix(in srgb, var(--violeta) 8%, transparent)}
html[data-tema-comunidad] .marcador-riel nav a[aria-current]{background: color-mix(in srgb, var(--violeta) 16%, transparent) !important}
html[data-tema-comunidad] body.marcador .main-container::after{background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--violeta-texto) 35%, transparent), transparent)}
html[data-tema-comunidad] .marcador-riel nav a.torneo.suyo,
html[data-tema-comunidad] body.marcador .sidebar-menu li.suyo > a{background: color-mix(in srgb, var(--rojo) 10%, transparent);box-shadow: inset 3px 0 0 var(--rojo, var(--rojo))}
html[data-tema-comunidad] .marcador-riel nav a.torneo.suyo:hover,
html[data-tema-comunidad] body.marcador .sidebar-menu li.suyo > a:hover{background: color-mix(in srgb, var(--rojo) 18%, transparent)}
html[data-tema-comunidad] .etq-tu-club{background: var(--rojo, var(--rojo))}
/* css/30-tio-paco.css */
html[data-tema-comunidad],html[data-tema-comunidad] body{--tp-neon-1: var(--rojo);--tp-neon-2: var(--violeta);--tp-acento: var(--violeta-texto, var(--violeta-texto))}
/* css/32-por-revisar.css */
html[data-tema-comunidad] #panel-por-revisar-admin .pr-destacada{outline: 2px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] #panel-por-revisar-admin .pr-grupo:focus,
html[data-tema-comunidad] #panel-por-revisar-admin .tar-card:focus{outline: 2px solid var(--violeta, var(--violeta))}
/* css/70-palmares.css */
html[data-tema-comunidad] .pal-etq{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .pal-chip-on{background: var(--violeta-boton, var(--violeta-boton));border-color: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .pal-opcion:hover,
html[data-tema-comunidad] .pal-opcion:focus-visible{border-color: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .pal-opcion-texto{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .pal-jug-on{border-color: var(--violeta, var(--violeta))}
html[data-tema-comunidad] .pal-jug input[type="checkbox"]{accent-color: var(--violeta-boton, var(--violeta-boton))}
/* css/77-caja-liga.css */
html[data-tema-comunidad] .mc-caja-estado.mc-caja-mal{color: var(--rojo-texto, var(--rojo-texto));border-color: var(--rojo, var(--rojo))}
html[data-tema-comunidad] .mc-caja-tabla tr.mc-caja-neg td{color: var(--rojo-texto, var(--rojo-texto))}
html[data-tema-comunidad] .mc-caja-aviso.mc-caja-mal{border-color: var(--rojo, var(--rojo))}
html[data-tema-comunidad] .mc-caja-suma.mc-caja-mal{color: var(--rojo-texto, var(--rojo-texto))}
/* css/78-decidir-en-hub.css */
html[data-tema-comunidad] .dh-btn:focus-visible{outline: 2px solid var(--violeta-texto, var(--violeta-texto))}
/* css/83-perfil-vitrinas.css */
html[data-tema-comunidad] .mc-cj-carta::before{background: linear-gradient(180deg, color-mix(in srgb, var(--rojo) 28%, transparent), color-mix(in srgb, var(--violeta) 10%, transparent))}
html[data-tema-comunidad] .mc-cj-carta::after{background: linear-gradient(90deg, var(--rojo, var(--rojo)), var(--violeta, var(--violeta)), var(--pv-oro))}
html[data-tema-comunidad] .mc-cj-marca{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-cj-monograma{background: radial-gradient(circle at 30% 25%, var(--violeta), #3a1f9e 60%, #1d1a4f);box-shadow: 0 0 0 6px rgba(245,197,66,.12), 0 10px 30px color-mix(in srgb, var(--violeta) 35%, transparent)}
html[data-tema-comunidad] .mc-cj-chip{background: color-mix(in srgb, var(--violeta) 18%, transparent);border: 1px solid color-mix(in srgb, var(--violeta-texto) 45%, transparent)}
html[data-tema-comunidad] .mc-cj-num-mvp b{color: var(--rojo-texto, var(--rojo-texto))}
html[data-tema-comunidad] .mc-cj-cmp h3{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-cj-cmp-yo{background: linear-gradient(90deg, var(--violeta, var(--violeta)), var(--pv-oro))}
html[data-tema-comunidad] .mc-cj-fuente summary{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-vt-c-totw b{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-vt-c-mvp b{color: var(--rojo-texto, var(--rojo-texto))}
html[data-tema-comunidad] .mc-vt-sub{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .mc-lt-lista::before{background: linear-gradient(180deg, var(--violeta, var(--violeta)), var(--linea, #2f2b70))}
html[data-tema-comunidad] .mc-lt-punto{border: 3px solid var(--violeta, var(--violeta))}
html[data-tema-comunidad] .mc-lt-temp{background: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .mc-lt-nuevo{border: 1px solid var(--rojo-texto, var(--rojo-texto));color: var(--rojo-texto, var(--rojo-texto))}
html[data-tema-comunidad] .mc-lt-logro-premio{background: color-mix(in srgb, var(--violeta) 16%, transparent)}
/* css/87-torneos-historicos.css */
html[data-tema-comunidad] .hist-est{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .hist-etq{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .hist-opcion:hover,
html[data-tema-comunidad] .hist-opcion:focus-visible{border-color: var(--violeta, var(--violeta))}
/* css/91-privacidad.css */
html[data-tema-comunidad] .priv-h{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .priv-volver{color: var(--violeta-texto, var(--violeta-texto))}
html[data-tema-comunidad] .priv-btn{background: var(--violeta-boton, var(--violeta-boton))}
html[data-tema-comunidad] .priv-btn-texto{color: var(--violeta-texto, var(--violeta-texto))}
/* ticopa-theme.css */
html[data-tema-comunidad] .gaming-esports-panel{border: 1px solid color-mix(in srgb, var(--violeta) 35%, transparent);background:
                linear-gradient(135deg, color-mix(in srgb, var(--rojo) 14%, transparent), transparent 30%),
                linear-gradient(245deg, rgba(0,212,255,.12), transparent 34%),
                rgba(7,10,18,.86)}
html[data-tema-comunidad] .gaming-esports-head h3{text-shadow: 0 0 18px color-mix(in srgb, var(--violeta) 45%, transparent)}