/* =====================================================================
   Ticopa Hub · rediseño «Marcador» (r17) · 4) Pantallas
   Solo presentación. Cada bloque dice a qué pantalla pertenece.
   ===================================================================== */

/* ===================== Inicio ===================== */
#hero-seccion { background: transparent !important; }
.home-stack { display: flex; flex-direction: column; gap: 32px !important; }
.mc-inicio-destacado { order: -20; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
.mc-destacado-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font: 600 15px var(--f-datos); }

/* El marcador (firma visual) */
.mc-marcador { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; border-radius: var(--r-l); overflow: hidden; border: 1px solid var(--linea-fuerte); background: var(--sup-1); color: var(--texto); text-decoration: none !important; --corte: 14px; }
.mc-marcador .mc-lado { display: grid; justify-items: center; align-content: center; gap: 8px; padding: 24px 12px; text-align: center; min-width: 0; }
.mc-marcador .mc-loc { background: linear-gradient(115deg, rgba(139, 92, 246, .38), rgba(139, 92, 246, .08)); clip-path: polygon(0 0, 100% 0, calc(100% - var(--corte)) 100%, 0 100%); margin-right: calc(-1 * var(--corte)); }
.mc-marcador .mc-vis { background: linear-gradient(245deg, rgba(255, 45, 85, .32), rgba(255, 45, 85, .06)); clip-path: polygon(var(--corte) 0, 100% 0, 100% 100%, 0 100%); margin-left: calc(-1 * var(--corte)); }
.mc-marcador .mc-nombre { font: 700 16px/1.15 var(--f-datos); overflow-wrap: break-word; hyphens: auto; }
.mc-escudo-g { width: 64px; height: 64px; object-fit: contain; }
.mc-marcador .mc-centro { display: grid; justify-items: center; align-content: center; gap: 8px; padding: 16px 20px; z-index: 1; }
.mc-goles { font: 900 64px/.9 var(--f-display); display: flex; gap: 10px; align-items: center; }
.mc-goles i { font-style: normal; color: var(--tenue); font-size: 40px; }
.mc-hora-g { font: 800 44px/1 var(--f-display); }
.mc-meta { font: 600 13px var(--f-datos); color: var(--suave); text-align: center; max-width: 220px; }
@media (min-width: 1024px) {
  .mc-marcador { --corte: 28px; }
  .mc-goles { font-size: 104px; } .mc-goles i { font-size: 56px; }
  .mc-hora-g { font-size: 72px; }
  .mc-marcador .mc-nombre { font-size: 22px; }
  .mc-marcador .mc-lado { padding: 32px; }
  .mc-escudo-g { width: 84px; height: 84px; }
}
@media (max-width: 420px) { .mc-marcador .mc-lado { padding: 18px 6px; } .mc-hora-g { font-size: 38px; } .mc-goles { font-size: 52px; } .mc-escudo-g { width: 52px; height: 52px; } .mc-marcador .mc-nombre { font-size: 14px; } .mc-marcador .mc-centro { padding: 12px 8px; } }

/* ---------- Inicio: orden nuevo y próximo partido compacto (r17, pedido de Piero 31/10) ----------
   Orden (celular y computadora): Torneos activos > Próximo partido (compacto) + Resultados confirmados > Analista > Noticias > el resto.
   El contenido no cambia: solo cómo se acomoda. «Torneos activos» y «Noticias» viven dentro de .home-fila-top; ese contenedor se vuelve transparente
   (display: contents) para que todas las secciones se ordenen en un solo nivel. */
.home-stack > .home-fila-top { display: contents !important; }
.home-stack .torneos-activos-section { order: -30 !important; }
.home-stack .home-noticias { order: -10 !important; }
.home-stack .home-world-compacto { order: -5 !important; }
.home-stack .home-streams, .home-stack .home-streams.en-vivo { order: 3 !important; }
.home-stack #home-transfer-home { order: 2 !important; }
.home-stack #home-transfer-home:empty { display: none; }
/* próximo partido: tarjeta de una fila (del tamaño de un resultado), con sus botones chicos */
.mc-inicio-destacado > .mc-pila { gap: 10px; align-content: start; }
.mc-inicio-destacado .mc-marcador { --corte: 12px; border-radius: var(--r-m); }
.mc-inicio-destacado .mc-marcador .mc-lado { padding: 10px 8px 10px 14px; gap: 6px; }
.mc-inicio-destacado .mc-marcador .mc-vis { padding: 10px 14px 10px 8px; }
.mc-inicio-destacado .mc-escudo-g { width: 34px; height: 34px; }
.mc-inicio-destacado .mc-marcador .mc-nombre { font-size: 13px; }
.mc-inicio-destacado .mc-marcador .mc-centro { padding: 8px 10px; gap: 2px; }
.mc-inicio-destacado .mc-hora-g { font-size: 26px; }
.mc-inicio-destacado .mc-goles { font-size: 30px; gap: 6px; } .mc-inicio-destacado .mc-goles i { font-size: 20px; }
.mc-inicio-destacado .mc-meta { font-size: 11px; max-width: 150px; line-height: 1.25; }
.mc-inicio-destacado .mc-meta { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mc-inicio-destacado .mc-fila-btn { gap: 6px; }
.mc-inicio-destacado .mc-fila-btn .mc-btn { min-height: 36px; padding: 0 12px !important; font-size: 14px !important; }
.mc-inicio-destacado .mc-destacado-cab { font-size: 14px; gap: 8px; }
@media (min-width: 560px) {
  .mc-inicio-destacado .mc-marcador .mc-lado { grid-auto-flow: column; justify-content: start; justify-items: start; text-align: left; padding: 10px 6px 10px 16px; gap: 12px; }
  .mc-inicio-destacado .mc-marcador .mc-loc { grid-template-columns: auto minmax(0, 1fr); }
  .mc-inicio-destacado .mc-marcador .mc-vis { grid-template-columns: minmax(0, 1fr) auto; justify-content: end; justify-items: end; text-align: right; padding: 10px 16px 10px 6px; }
  .mc-inicio-destacado .mc-marcador .mc-vis .mc-escudo-g { order: 2; }
  .mc-inicio-destacado .mc-marcador .mc-nombre { font-size: 16px; }
  .mc-inicio-destacado .mc-escudo-g { width: 40px; height: 40px; }
  .mc-inicio-destacado .mc-hora-g { font-size: 30px; }
  .mc-inicio-destacado .mc-goles { font-size: 34px; }
}
@media (max-width: 559px) {
  .mc-inicio-destacado .mc-marcador .mc-lado { padding: 10px 4px; }
  .mc-inicio-destacado .mc-meta { max-width: 120px; }
}

/* ---------- Inicio en computadora (desde 1024 px): cuadrícula sin huecos ----------
   Todas las secciones se acomodan en una cuadrícula con áreas fijas; lo que queda al lado se estira para llenar la fila.
   1024-1279: una columna ancha (marcador, analista en franja, noticias...). 1280-1799: columna principal + columna lateral.
   1800 o más: tres columnas (principal, analista/Ticopa World, noticias). El contenedor deja de estar limitado a 1240 px. */
@media (min-width: 1024px) {
  body.marcador #hero-seccion.hero-section, body.marcador #mc-esqueleto-home.hero-section { max-width: min(2200px, 100%) !important; }
  .home-stack { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px !important; align-items: stretch; width: 100% !important; max-width: none !important; }
  .home-stack > .mc-inicio-destacado { display: contents; }
  .home-stack > * { min-width: 0; margin: 0 !important; width: auto !important; }
  .home-stack .mc-ia { text-align: left; }
  .home-stack > .home-streams { max-width: none !important; }
  .home-stack .home-streams .hs-marco, .home-stack .home-streams .hs-canales, .home-stack .home-streams .hs-pie { max-width: none !important; }
  .home-stack .home-streams .hs-marco { max-height: 420px !important; }
  .home-stack .home-world-compacto { display: flex; } .home-stack .home-world-compacto .home-world-link { flex: 1; min-width: 0; }
  .home-stack .home-world-compacto .hw-contenido { grid-template-columns: minmax(0, 1fr) !important; padding: 22px 24px !important; align-content: center; }
  .home-stack .home-world-compacto .hw-marca { font-size: 36px !important; }
  .home-stack .home-world-compacto .hw-boton { justify-self: start !important; }
  .mc-inicio-destacado > .mc-pila > .mc-fila-btn { align-items: center; align-self: center; }
  /* columnas de una sola pieza que se estiran para llenar su fila */
  .home-stack .mc-ia, .home-stack .home-world-compacto, .home-stack .home-streams, .home-stack .registered-teams-section, .home-stack .home-noticias { height: 100%; box-sizing: border-box; }
  .home-stack > .mc-pila { grid-template-rows: auto auto auto 1fr; }
  /* Torneos activos: franja de arriba, todas las tarjetas en una fila si caben */
  .home-stack .torneos-activos-section { grid-area: 1 / 1 / 2 / 3; }
  .home-stack .torneos-activos-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important; gap: 12px !important; }
  /* próximo partido compacto + resultados */
  .home-stack > .mc-inicio-destacado > .mc-pila { grid-area: 2 / 1 / 3 / 3; }
  .home-stack > .mc-inicio-destacado > .mc-pila { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto 1fr; }
  .mc-inicio-destacado > .mc-pila > .mc-destacado-cab { grid-area: 1 / 1; align-self: start; }
  .mc-inicio-destacado > .mc-pila > .mc-marcador { grid-area: 2 / 1; }
  .mc-inicio-destacado > .mc-pila > .mc-fila-btn { grid-area: 3 / 1; justify-content: flex-start; flex-wrap: wrap; }
  .mc-inicio-destacado > .mc-pila > .mc-pila { grid-area: 5 / 1; grid-template-rows: auto 1fr; align-content: stretch; }
  .mc-inicio-destacado > .mc-pila > .mc-pila > .mc-lista { align-content: stretch; grid-auto-rows: minmax(56px, 1fr); }
  /* analista: franja a lo ancho, con el botón a la derecha */
  .home-stack > .mc-inicio-destacado > .mc-ia, .home-stack > .mc-inicio-destacado > .mc-col-ia { grid-area: 3 / 1 / 4 / 3; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 28px; padding: 22px 28px; }
  .mc-inicio-destacado .mc-ia > .mc-etq { grid-column: 1; justify-self: start; }
  .mc-inicio-destacado .mc-ia > h3 { grid-column: 1; margin: 6px 0 4px; }
  .mc-inicio-destacado .mc-ia > p { grid-column: 1; margin: 0; max-width: 70ch; }
  .mc-inicio-destacado .mc-ia > .mc-btn { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .home-stack .home-noticias { grid-area: 4 / 1 / 5 / 3; display: flex; flex-direction: column; }
  .home-stack .home-noticias #news-slider-container { flex: 1; }
  .home-stack .home-world-compacto { grid-area: 5 / 1 / 6 / 2 !important; }
  .home-stack .home-streams { grid-area: 5 / 2 / 6 / 3; }
  .home-stack #home-transfer-home { grid-area: 6 / 1 / 7 / 3; }
  .home-stack .registered-teams-section { grid-area: 7 / 1 / 8 / 3; }
  .home-stack .home-comunidad { grid-area: 8 / 1 / 9 / 3; }
}
@media (min-width: 1280px) {
  .home-stack { grid-template-columns: minmax(0, 1fr) clamp(360px, 32%, 560px); grid-template-rows: auto auto auto auto 1fr auto auto; }
  .home-stack .home-streams { height: auto; align-self: start; }
  .home-stack .torneos-activos-section { grid-area: 1 / 1 / 2 / 3; }
  .home-stack > .mc-inicio-destacado > .mc-pila { grid-area: 2 / 1 / 4 / 2; }
  .home-stack > .mc-inicio-destacado > .mc-ia, .home-stack > .mc-inicio-destacado > .mc-col-ia { grid-area: 2 / 2 / 3 / 3; display: flex; flex-direction: column; justify-content: center; padding: 24px; }
  .mc-inicio-destacado .mc-ia > .mc-btn { align-self: flex-start; }
  .home-stack .home-world-compacto { grid-area: 3 / 2 / 4 / 3 !important; }
  .home-stack .home-noticias { grid-area: 4 / 2 / 6 / 3; }
  .home-stack .home-streams { grid-area: 4 / 1 / 5 / 2; }
  .home-stack .registered-teams-section { grid-area: 5 / 1 / 6 / 2; }
  .home-stack #home-transfer-home { grid-area: 6 / 1 / 7 / 3; }
  .home-stack .home-comunidad { grid-area: 7 / 1 / 8 / 3; }
}
@media (min-width: 1800px) {
  .home-stack { grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto 1fr auto auto; }
  .home-stack .home-streams { height: 100%; align-self: stretch; }
  .home-stack .torneos-activos-section { grid-area: 1 / 1 / 2 / 4; }
  .home-stack > .mc-inicio-destacado > .mc-pila { grid-area: 2 / 1 / 4 / 2; }
  .home-stack > .mc-inicio-destacado > .mc-ia, .home-stack > .mc-inicio-destacado > .mc-col-ia { grid-area: 2 / 2 / 3 / 3; }
  .home-stack .home-world-compacto { grid-area: 3 / 2 / 4 / 3 !important; }
  .home-stack .home-noticias { grid-area: 2 / 3 / 5 / 4; }
  .home-stack .home-streams { grid-area: 4 / 1 / 5 / 2; }
  .home-stack .registered-teams-section { grid-area: 4 / 2 / 5 / 3; }
  .home-stack #home-transfer-home { grid-area: 5 / 1 / 6 / 4; }
  .home-stack .home-comunidad { grid-area: 6 / 1 / 7 / 4; }
}

/* Ticopa World (banner) */
.home-world-compacto { order: -5 !important; grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; }
.home-world-link { position: relative; overflow: hidden; display: grid !important; min-height: 0 !important; border-radius: var(--r-l) !important; border: 1px solid var(--violeta) !important; text-decoration: none !important; color: var(--texto) !important;
  background: radial-gradient(60% 120% at 85% 110%, rgba(255, 45, 85, .45), transparent 60%), linear-gradient(160deg, #2a1f7a, #120f3a 70%) !important; }
.home-world-link .hw-imagen { opacity: .28; mix-blend-mode: luminosity; }
.home-world-link .hw-velo { background: linear-gradient(90deg, rgba(18, 15, 58, .92), rgba(18, 15, 58, .35)) !important; }
.home-world-link .hw-contenido { position: relative; display: grid !important; gap: 10px; padding: 20px !important; align-items: center; }
.home-world-link .hw-textos { display: grid; gap: 6px; }
.home-world-link .hw-marca { font: 900 34px/.95 var(--f-display) !important; letter-spacing: .005em !important; text-transform: none; color: var(--texto) !important; text-shadow: none !important; }
.home-world-link .hw-texto { font: 500 16px var(--f-texto) !important; color: var(--suave) !important; }
.home-world-link .hw-etq { justify-self: start; display: inline-flex; height: 22px; align-items: center; padding: 0 8px; border-radius: 4px; background: var(--sup-3); color: var(--suave); font: 600 12px var(--f-datos); }
.home-world-link .hw-boton { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: var(--r-m); background: var(--rojo) !important; color: var(--tinta) !important; font: 700 16px var(--f-datos) !important; letter-spacing: 0 !important; box-shadow: none !important; }
@media (min-width: 1024px) { .home-world-link .hw-contenido { grid-template-columns: 1fr auto; padding: 28px 32px !important; } .home-world-link .hw-marca { font-size: 48px !important; } .home-world-link .hw-boton { justify-self: end; } }

/* Secciones de la portada */
.seccion-cabecera h3, .registered-teams-section h3, .home-stack .registered-teams-section .seccion-cabecera h3 { font: 700 20px/1.2 var(--f-datos) !important; letter-spacing: 0 !important; text-transform: none; color: var(--texto) !important; text-shadow: none !important; }
.seccion-cuenta { font: 600 13px var(--f-datos) !important; color: var(--suave) !important; background: var(--sup-2) !important; border: 1px solid var(--linea) !important; border-radius: 13px !important; }
.seccion-enlace { color: var(--violeta-texto) !important; background: none !important; border: 0 !important; font: 600 15px var(--f-texto) !important; }
.torneo-activo-card { background: var(--sup-1) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-l) !important; box-shadow: none !important; }
.torneo-activo-card:hover { background: #181646 !important; border-color: var(--linea-fuerte) !important; }
.torneo-activo-card .ta-nombre { font: 700 16px/1.15 var(--f-datos) !important; color: var(--texto) !important; }
.torneo-activo-card .ta-estado { color: var(--rojo-texto) !important; font: 700 12px var(--f-datos) !important; letter-spacing: 0 !important; }
.torneo-activo-card.inscripcion .ta-estado { color: var(--info) !important; }
.torneo-activo-card img, .ta-inicial { background: var(--sup-2) !important; }
.home-stack .registered-teams-section, .home-streams, #news-slider-container { background: var(--sup-1) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-l) !important; box-shadow: none !important; }
#news-slider-container { aspect-ratio: auto !important; min-height: 0 !important; height: auto !important; }
.home-streams .hs-chip { border-radius: 20px !important; font-family: var(--f-datos) !important; }
.home-streams h3, .home-streams .hs-titulo { font-family: var(--f-datos) !important; }
.home-membresia { border: 1px solid var(--linea-fuerte) !important; background: linear-gradient(120deg, #221c66, #16134a 60%, #3a0f33 130%) !important; border-radius: var(--r-l) !important; }
.home-comunidad .hm-titulo { font: 800 26px/1 var(--f-display) !important; letter-spacing: .01em !important; }
.home-comunidad .hm-texto { color: var(--suave) !important; font-size: 15px !important; }
.home-comunidad .hm-boton { color: var(--violeta-texto) !important; font: 700 15px var(--f-datos) !important; }
.rt-club { border-radius: var(--r-m) !important; background: var(--sup-2) !important; border-color: var(--linea) !important; }
.rt-nombre { font-family: var(--f-datos) !important; }

/* Ticker de arriba */
.ticker-item { font-family: var(--f-datos) !important; }

/* ===================== Noticias (Sala de prensa) ===================== */
.editorial-sala, .editorial-portada { color: var(--texto) !important; font-family: var(--f-texto) !important; }
.editorial-heading h1, .editorial-heading h2 { font: 800 clamp(36px, 6vw, 56px)/.95 var(--f-display) !important; letter-spacing: .005em; color: var(--texto); }
.editorial-heading { padding: 24px 16px; border-radius: var(--r-l); border: 1px solid var(--linea-fuerte); background: linear-gradient(120deg, #221c66 0%, #16134a 55%, #3a0f33 120%); }
@media (min-width: 1024px) { .editorial-heading { padding: 32px; } }
.editorial-kicker { color: var(--rojo-texto) !important; font: 700 13px var(--f-datos) !important; letter-spacing: .04em !important; }
.editorial-card { background: var(--sup-1) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-l) !important; box-shadow: none !important; }
.editorial-card:hover { border-color: var(--linea-fuerte) !important; }
.editorial-principal { border-top: 3px solid var(--rojo) !important; }
.editorial-title { color: var(--texto) !important; font-family: var(--f-datos) !important; font-weight: 700 !important; }
.editorial-title:hover { color: var(--violeta-texto) !important; }
.editorial-heading a, .editorial-link { color: var(--violeta-texto) !important; }
.editorial-meta { color: var(--tenue) !important; font-family: var(--f-datos); }
.editorial-excerpt { color: var(--suave) !important; }
.editorial-tabs { border-bottom: 1px solid var(--linea) !important; }
.editorial-tabs button, .editorial-tabs a { border-radius: 20px !important; border: 1px solid var(--linea-fuerte) !important; background: transparent !important; color: var(--suave) !important; font: 600 14px var(--f-datos) !important; min-height: 40px !important; }
.editorial-tabs button[aria-pressed=true], .editorial-tabs a[aria-current=page] { background: var(--texto) !important; color: var(--noche) !important; border-color: var(--texto) !important; }
.editorial-resumen-partido strong { color: var(--texto) !important; font-family: var(--f-display); font-size: 20px; }
.editorial-resumen-partido { border-top-color: var(--linea) !important; }
.editorial-notice { background: rgba(245, 197, 66, .1) !important; border: 1px solid rgba(245, 197, 66, .4); color: #ffe39a !important; }
.editorial-lectura { background: var(--sup-1) !important; border: 1px solid var(--linea-fuerte) !important; }
.editorial-pregunta { border-left-color: var(--violeta) !important; color: var(--suave) !important; }
.editorial-empty { color: var(--tenue) !important; }
.liga-noticias, .liga-zona-mixta { background: var(--sup-1) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-l) !important; }
@media (max-width: 760px) { .editorial-grid, .editorial-grid-portada, .liga-noticias .editorial-grid { grid-template-columns: minmax(0, 1fr) !important; } .editorial-filtros { grid-template-columns: minmax(0, 1fr) 1fr !important; } }

/* ===================== Torneo / liga ===================== */
.liga-header { border-radius: var(--r-l) !important; border: 1px solid var(--linea-fuerte) !important; box-shadow: none !important; background: linear-gradient(120deg, #221c66 0%, #16134a 55%, #3a0f33 120%) !important; padding: 24px 16px !important; }
.liga-header::after { content: ""; position: absolute; right: -40px; top: 0; bottom: 0; width: 46%; background: linear-gradient(105deg, transparent 0 18%, rgba(255, 45, 85, .18) 18% 22%, transparent 22% 30%, rgba(139, 92, 246, .22) 30% 34%, transparent 34%); pointer-events: none; }
.liga-header > div:first-child { opacity: .18 !important; }
.liga-header img { border-radius: var(--r-l) !important; filter: none !important; background: linear-gradient(135deg, var(--violeta-boton), var(--rojo)) !important; border: 0 !important; }
.liga-header h1 { font: 800 clamp(36px, 6vw, 60px)/.95 var(--f-display) !important; letter-spacing: .005em !important; text-transform: none !important; text-shadow: none !important; overflow-wrap: anywhere; }
.liga-header span { font: 600 15px var(--f-datos) !important; color: var(--suave) !important; letter-spacing: 0 !important; }
@media (min-width: 1024px) { .liga-header { padding: 32px !important; } }
@media (max-width: 560px) { .liga-header img { width: 64px !important; height: 64px !important; } .liga-header > div:nth-child(2) { gap: 14px !important; } }
.league-operation-bar { background: transparent !important; border: 0 !important; padding: 0 !important; }
/* Pestañas principales (Tabla / Partidos / Equipos) y las demás: una sola fila de pestañas con subrayado */
.nav-tabs-principales { display: flex !important; gap: 4px !important; border-bottom: 0 !important; }
html body .nav-tabs-principales .tab-btn { border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--suave) !important; font: 700 16px var(--f-datos) !important; flex: 0 0 auto; }
html body .nav-tabs-principales .tab-btn.activo { border-bottom-color: var(--rojo) !important; color: var(--texto) !important; background: transparent !important; }
.liga-tabs-wrap { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 8px; overflow-x: auto; scrollbar-width: none; }
.liga-tabs-wrap .nav-tabs { border-bottom: 0 !important; }
@media (max-width: 760px) { .liga-tabs-wrap { flex-wrap: nowrap; } .liga-tabs-wrap .nav-tabs { flex: none; flex-wrap: nowrap !important; } }
/* Mercado de fichajes (pretemporada, mitad, fichajes pago) */
.mc-mercados > div { background: var(--sup-1) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-m) !important; text-align: left !important; }
.mc-mercados > div > span { font: 600 13px var(--f-datos) !important; color: var(--suave) !important; letter-spacing: 0 !important; }
.mc-mercados strong { font: 800 22px var(--f-display) !important; color: var(--ok) !important; }
.mc-mercados strong[style*="var(--accent)"] { color: var(--tenue) !important; }
.mc-mercados small { color: var(--suave) !important; font-family: var(--f-datos); }
/* Tabla de posiciones */
.standings-table { font: 500 15px var(--f-datos) !important; }
.standings-table td { height: 52px; }
.standings-table td.col-pts, .standings-table .col-pts { font: 800 20px var(--f-display) !important; color: var(--texto) !important; }
.standings-table .club-link, .club-name-mobile { color: var(--texto) !important; font-weight: 600 !important; }
.form-dot { border-radius: 4px !important; }
.hero-btn.liga-exportar-tabla { background: transparent !important; color: var(--texto) !important; border: 1px solid var(--linea-fuerte) !important; }
.standings-table-actions { gap: 8px; }
/* Formato de clasificación, playoffs, reglas: tarjetas del sistema */
.fmt-shell, .fmt-hero, .reglamento-elegante, .fmt-group, .fmt-bracket, .fmt-zone { background: var(--sup-1) !important; border-color: var(--linea) !important; border-radius: var(--r-l) !important; box-shadow: none !important; }
.fmt-badge.fmt-gold { background: var(--sup-3) !important; color: var(--espera) !important; }
.standings-table tbody td { background-color: transparent !important; }
.standings-table tbody tr { background: var(--sup-1); }

/* ===================== Club: Herramientas del DT ===================== */
.mc-herramientas { display: grid; gap: 14px; margin: 16px; padding: 0; }
@media (min-width: 1024px) { .mc-herramientas { margin: 24px; } }
.mc-herramientas .mc-t-sec .mc-etq { font-size: 12px; }
.mc-herr-rejilla { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 700px) { .mc-herr-rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .mc-herr-rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.mc-herr { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px; border-radius: var(--r-l); background: var(--sup-1); border: 1px solid var(--linea); color: var(--texto); min-width: 0; }
.mc-herr h3 { font: 800 28px/1 var(--f-display); margin: 0; color: var(--texto); }
.mc-herr p { color: var(--suave); margin: 0; font-size: 15px; flex: 1; }
.mc-herr .mc-btn { margin-top: 6px; }
.mc-herr[data-ranura="el11"] { background: linear-gradient(160deg, #1d2a5a, #14123a 70%); border-color: var(--linea-fuerte); }
.mc-herr-ia { border: 1px solid var(--violeta); background: radial-gradient(120% 140% at 100% 0%, rgba(255, 45, 85, .22), transparent 55%), linear-gradient(160deg, #241d6b, #15123d 70%); }

/* Ventanas nuevas (Exportar resultados, Crear imagen) */
.mc-ventana { position: fixed; inset: 0; z-index: 20000; display: grid; place-items: center; padding: 12px; }
.mc-ventana-caja { width: min(1100px, 100%) !important; max-width: 1100px !important; max-height: calc(100dvh - 24px); overflow: auto; padding: 20px !important; display: grid; gap: 16px; text-align: left; }
.mc-ventana-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mc-ventana-cab h2 { font: 800 32px/1 var(--f-display) !important; margin: 0; }
.mc-exp { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .mc-exp { grid-template-columns: minmax(0, 1fr) 380px; align-items: start; } .mc-exp-derecha { position: sticky; top: 0; } }
.mc-ventana-caja h3.mc-paso { font: 700 18px var(--f-datos) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--texto) !important; margin: 6px 0 0; }
.mc-exp-lista { display: grid; gap: 8px; max-height: 360px; overflow: auto; padding-right: 4px; }
.mc-exp-fila { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border-radius: var(--r-m); background: var(--sup-2); border: 1px solid var(--linea); }
.mc-exp-fila input[type="checkbox"] { width: 22px; height: 22px; margin-top: 4px; accent-color: var(--violeta); flex: none; }
.mc-exp-datos { display: grid; gap: 6px; min-width: 0; flex: 1; }
.mc-exp-partido { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; font: 600 15px var(--f-datos); }
.mc-exp-partido > span:last-child { text-align: right; }
.mc-exp-partido > span { min-width: 0; overflow-wrap: anywhere; }
.mc-res-manual { display: inline-flex; align-items: center; gap: 4px; }
.mc-res-manual i { font-style: normal; color: var(--tenue); }
input.mc-gol { width: 52px !important; height: 40px; text-align: center; font: 800 20px var(--f-display) !important; padding: 0 !important; border-color: var(--espera) !important; }
.mc-exp-vista { border-radius: var(--r-m); overflow: hidden; border: 1px solid var(--linea); background: var(--noche); }
.mc-exp-lienzo { display: block; width: 100%; height: auto; }
.mc-opciones { display: grid; gap: 10px; }
@media (min-width: 640px) { .mc-opciones { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mc-opcion { display: grid; gap: 4px; text-align: left; min-height: 72px; padding: 14px 16px !important; border-radius: var(--r-m) !important; border: 1px solid var(--linea-fuerte) !important; background: var(--sup-2) !important; color: var(--texto) !important; cursor: pointer; box-shadow: none !important; }
.mc-opcion:hover { border-color: var(--violeta) !important; }
.mc-opcion b { font: 700 18px var(--f-datos); }
.mc-opcion small { color: var(--suave); font: 500 14px var(--f-texto); }
.mc-campo { display: grid; gap: 6px; font: 600 14px var(--f-datos); color: var(--suave); }
.mc-tamano-campo { display: grid; gap: 6px; margin: 4px 0 6px; font: 600 14px var(--f-datos); color: var(--suave); text-align: left; }
.mc-tamano-campo select { width: 100%; min-height: 44px; }
.mc-tamano-nota { color: var(--suave); font: 500 13px var(--f-datos); margin: 0 0 12px; text-align: left; }

/* ===================== Club y jugador ===================== */
.perfil-wrapper { border-color: var(--linea) !important; background: var(--sup-1) !important; }
.club-first-load-hero, .perfil-wrapper > div:first-child[style*="background"] { border-bottom: 1px solid var(--linea); }
.perfil-wrapper h1 { font-family: var(--f-display) !important; font-weight: 800 !important; letter-spacing: .01em !important; text-shadow: none !important; }
.club-nav-full { background: transparent !important; border-bottom: 1px solid var(--linea) !important; }
.club-social-section-head h3, .club-social-section-head h4 { font-family: var(--f-datos) !important; }
.gaming-stat-chip, .stat-card { background: var(--sup-2) !important; border-color: var(--linea) !important; border-radius: var(--r-m) !important; box-shadow: none !important; }

/* ===================== Partido ===================== */
.club-profile-header > div:first-child { color: var(--suave) !important; font: 600 15px var(--f-datos) !important; letter-spacing: 0 !important; text-transform: none !important; }
.mc-partido-cab { position: relative; max-width: 960px !important; gap: 0 !important; border-radius: var(--r-l); overflow: hidden; border: 1px solid var(--linea-fuerte); background: var(--sup-1); align-items: stretch !important; }
.mc-partido-cab > div:first-child { background: linear-gradient(115deg, rgba(139, 92, 246, .38), rgba(139, 92, 246, .08)); clip-path: polygon(0 0, 100% 0, calc(100% - 22px) 100%, 0 100%); margin-right: -22px; padding: 24px 12px; text-align: center !important; display: grid; place-items: center; }
.mc-partido-cab > div:last-child { background: linear-gradient(245deg, rgba(255, 45, 85, .32), rgba(255, 45, 85, .06)); clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; padding: 24px 12px; text-align: center !important; display: grid; place-items: center; }
.mc-partido-goles { align-self: center; z-index: 1; background: transparent !important; border: 0 !important; color: var(--texto) !important; text-shadow: none !important; font: 900 clamp(52px, 10vw, 104px)/.9 var(--f-display) !important; padding: 12px 20px !important; white-space: nowrap; }
.match-detail-club-link { display: grid !important; justify-items: center; gap: 8px; background: none !important; border: 0 !important; color: var(--texto) !important; font: 700 clamp(14px, 2.4vw, 22px)/1.15 var(--f-datos) !important; box-shadow: none !important; text-transform: none; }
.match-detail-club-link img { width: clamp(52px, 9vw, 84px) !important; height: clamp(52px, 9vw, 84px) !important; object-fit: contain; }
.match-stats-container, .match-3d-section { background: var(--sup-1) !important; border-color: var(--linea) !important; border-radius: var(--r-l) !important; }
.match-squad-title, .club-profile-header h4 { color: var(--texto) !important; font: 700 20px var(--f-datos) !important; text-transform: none !important; letter-spacing: 0 !important; }
.up-teams, .match-stat-row { font-family: var(--f-datos); }

/* ===================== Mi cuenta y billetera ===================== */
.cuenta-pagina { display: grid; gap: 20px; max-width: 980px; margin: 0 auto; }
.cuenta-cabecera { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 24px 16px; border-radius: var(--r-l); border: 1px solid var(--linea-fuerte); background: linear-gradient(120deg, #221c66 0%, #16134a 55%, #3a0f33 120%); }
@media (min-width: 1024px) { .cuenta-cabecera { padding: 32px; } }
.cuenta-titulo, .cuenta-cabecera h2 { font: 800 clamp(40px, 7vw, 60px)/.95 var(--f-display) !important; color: var(--texto) !important; letter-spacing: .005em !important; text-shadow: none !important; margin: 0 !important; flex: 1 0 100%; }
.cuenta-cabecera p { color: var(--suave); margin: 0 auto 0 0; font: 600 16px var(--f-datos); }
.cuenta-seccion { padding: 20px !important; }
.cuenta-seccion > h3, .cuenta-seccion h3 { font: 700 22px var(--f-datos) !important; color: var(--texto) !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important; }
.cuenta-seccion h4, .cuenta-form h4 { font: 700 17px var(--f-datos) !important; color: var(--texto) !important; text-transform: none !important; }
.cuenta-nota { color: var(--suave) !important; }
.cuenta-ok { color: var(--ok) !important; font-family: var(--f-datos); }
.cuenta-aviso { color: #ffe39a !important; }
.cuenta-rol { background: var(--sup-3) !important; color: var(--suave) !important; border-radius: 4px; padding: 1px 8px; font: 600 12px var(--f-datos); }
.cuenta-club { color: var(--texto) !important; font-weight: 700 !important; background: none !important; border: 0 !important; }
.cuenta-form label { color: var(--suave) !important; font: 600 14px var(--f-datos) !important; }
.ticopa-account-columns article { border-color: var(--linea) !important; background: var(--sup-2); }
.ticopa-account-columns a { color: var(--violeta-texto) !important; }
/* billetera Ticopa Coins (jugador / club) */
[id^="ticopa-coins-wallet"], .wallet-card, .billetera-coins { background: var(--sup-1) !important; border-color: var(--linea) !important; border-radius: var(--r-l) !important; }

/* ===================== El 11 (PR #600): misma lógica, colores del sistema ===================== */
.el11 { --e-fondo: #0b0a24; --e-panel: #14123a; --e-panel2: #1d1a4f; --e-borde: #2f2b70; --e-texto: #f4f3ff; --e-suave: #b9b6dd; --e-acento: #b49dff; --e-acento-txt: #ffffff; --e-peligro: #ff6b6b; --e-pro: #f5c542; font-family: var(--f-texto) !important; }
.el11 .el11-marca { font-family: var(--f-display) !important; font-weight: 800; font-size: 1.5rem; color: var(--texto) !important; }

/* Trayectoria del jugador (r17 pruebas) */
.mc-trayectoria { margin: 0 0 22px; }
.mc-tray-caja { overflow-x: auto; border: 1px solid var(--mc-borde, rgba(255,255,255,.14)); border-radius: 12px; }
.mc-tray-tabla { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; min-width: 520px; }
.mc-tray-tabla th, .mc-tray-tabla td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--mc-borde, rgba(255,255,255,.1)); white-space: nowrap; }
.mc-tray-tabla th { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; opacity: .75; }
.mc-tray-tabla tbody tr:last-child td { border-bottom: 0; }
.mc-tray-nota { margin-top: 8px; font-size: .85rem; }

/* ---------- r17 arreglos (30/10) ---------- */
/* Próximo partido: el nombre no se corta con la diagonal; los largos pasan a dos líneas */
.mc-marcador .mc-loc { padding-right: calc(6px + var(--corte)); }
.mc-marcador .mc-vis { padding-left: calc(6px + var(--corte)); }
.mc-marcador .mc-nombre { overflow-wrap: break-word; hyphens: manual !important; -webkit-hyphens: manual !important; text-wrap: balance; }
@media (max-width: 420px) { .mc-marcador .mc-nombre { font-size: 13px; } }

@media (max-width: 560px) {
  /* Página del club: escudo y nombre centrados; botones del mismo ancho */
  .perfil-wrapper > div > div[style*="gap:25px"] { flex-direction: column !important; gap: 14px !important; width: 100%; }
  .perfil-wrapper > div > div[style*="gap:25px"] > div[style*="min-width:240px"] { min-width: 0 !important; width: 100%; text-align: center !important; }
  .perfil-wrapper > div > div[style*="gap:25px"] > div[style*="gap:10px"] { flex-direction: column !important; align-items: stretch !important; width: 100%; max-width: 320px; }
  .perfil-wrapper > div > div[style*="gap:25px"] > div[style*="gap:10px"] > .hero-btn { width: 100% !important; max-width: none !important; min-width: 0 !important; flex: none !important; justify-content: center; box-sizing: border-box; }
  /* Mi membresía: botones del mismo ancho, centrados */
  .tcm-fila { flex-direction: column; align-items: stretch; }
  .tcm-fila > .tcm-boton { width: 100%; box-sizing: border-box; justify-content: center; text-align: center; }
}

/* Torneos de prueba (solo en el sitio de pruebas): grupo aparte al final de Torneos, con borde punteado para que no se confunda con los reales */
.mc-torneos-prueba { margin-top: 36px; padding: 18px 16px 20px; border: 1px dashed var(--espera); border-radius: var(--r-m); background: rgba(245, 197, 66, .05); display: grid; gap: 12px; }
.mc-torneos-prueba .mc-t-sec { color: var(--espera); }
.mc-torneos-prueba p { margin: 0; }

/* Tabla de posiciones en celular: las columnas de la derecha (E, P, GF, GC, DG, FORMA) quedan fuera de la pantalla.
   Pista visual: sombra en el borde derecho (desaparece sola al llegar al final de la tabla) y una línea «Desliza →» arriba. */
@media (max-width: 700px) {
  .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%, rgba(139, 92, 246, .6), rgba(139, 92, 246, 0)) left center / 14px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%, rgba(139, 92, 246, .6), rgba(139, 92, 246, 0)) right center / 14px 100% no-repeat scroll;
  }
  #contenedor-tabla-posiciones::before { content: "Desliza la tabla →"; display: block; text-align: right; font-size: .72rem; font-weight: 700; letter-spacing: .04em; color: var(--tenue, #9792c8); padding: 0 4px 6px; }
  html[lang="en"] #contenedor-tabla-posiciones::before { content: "Swipe the table →"; }
}

/* r17 revisión final (31/10): «Transmisiones» sin transmisión en vivo = tarjeta chica (logo, «Sin transmisión ahora», canal y botones en una fila).
   El recuadro de video 16:9 solo aparece cuando hay algo reproduciéndose (.reproduciendo). */
body.marcador .home-streams .hs-marco:not(.reproduciendo) {
  aspect-ratio: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important;
  background: rgba(139, 92, 246, .08) !important; border: 1px solid var(--linea) !important; border-radius: var(--r-m, 14px) !important;
}
body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster {
  position: static !important; inset: auto !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto;
  column-gap: 14px; row-gap: 2px; align-items: center; justify-items: start; text-align: left; padding: 14px 16px !important; background: none !important;
}
body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster > img { grid-row: 1 / 3; width: 44px !important; height: 44px !important; }
body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster > strong { grid-column: 2; align-self: end; font: 700 15px/1.25 var(--f-datos) !important; }
body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster > span { grid-column: 2; align-self: start; }
body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster-botones { grid-column: 3; grid-row: 1 / 3; margin: 0 !important; }
@media (max-width: 560px) {
  body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster { grid-template-columns: 40px minmax(0, 1fr); }
  body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster > img { width: 40px !important; height: 40px !important; }
  body.marcador .home-streams .hs-marco:not(.reproduciendo) .hs-poster-botones { grid-column: 1 / -1; grid-row: auto; margin-top: 10px !important; }
}

/* r17 fix4: transmisión EN VIVO arriba de toda la portada (como el Hub original), video abierto 16:9 */
#hero-seccion > .home-streams.mc-vivo-arriba, .home-streams.mc-vivo-arriba { order: -100 !important; width: 100% !important; max-width: none !important; margin: 0 0 24px !important; box-sizing: border-box; }
.home-streams.mc-vivo-arriba .hs-marco { width: 100% !important; max-width: min(100%, 1100px) !important; max-height: none !important; aspect-ratio: 16 / 9 !important; margin-inline: auto !important; }
.home-streams.mc-vivo-arriba .hs-canales, .home-streams.mc-vivo-arriba .hs-pie { max-width: min(100%, 1100px) !important; margin-inline: auto !important; }

/* Calendario (31/10, pedido de Piero): «Cargando…» con alto reservado (la pantalla no salta al llegar los datos) y nombre de cada liga en «Mi club». */
.mc-calendario .mc-cal-cuerpo[aria-busy="true"] { min-height: 60vh; }
.mc-calendario .mc-cal-liga { display: grid; gap: 8px; }
.mc-calendario .mc-cal-liga + .mc-cal-liga { margin-top: 10px; }
.mc-calendario .mc-cal-liga-nombre { margin: 0; font: 600 14px var(--f-datos, inherit); color: var(--suave, inherit); letter-spacing: .02em; }

/* r17o: accesos directos de quien tiene club (Inicio, junto a «Tu próximo partido») */
.mc-atajos-club { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; }
.mc-atajo { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 14px; text-align: left; cursor: pointer; color: var(--texto);
  border-radius: 14px; border: 1px solid var(--linea-fuerte); background: var(--sup-2); font: inherit; }
.mc-atajo:hover { border-color: var(--violeta); }
/* r17zi (Piero): en el Inicio no salen a la vez el banner grande del analista y los botones chicos.
   Desde 768 px (computadora y tablet): banner grande, sin botones chicos. Debajo de 768 px (celular): botones chicos, sin banner grande.
   Sin club (visitantes): el banner no tiene la clase mc-tiene-atajos y se ve en todos los anchos. */
@media (min-width: 768px) { .mc-inicio-destacado .mc-atajos-club { display: none !important; } }
@media (max-width: 767.98px) { .mc-inicio-destacado > .mc-ia.mc-tiene-atajos { display: none !important; } }
.mc-atajo:focus-visible { outline: 3px solid var(--violeta-texto); outline-offset: 2px; }
.mc-atajo-ia { border-color: var(--rojo); background: linear-gradient(100deg, rgba(255, 45, 85, .22), rgba(255, 45, 85, .04) 75%), var(--sup-2); }
.mc-atajo-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mc-atajo-txt strong { font-size: 1.05rem; line-height: 1.15; }
.mc-atajo-txt small { color: var(--suave); font-size: .85rem; line-height: 1.25; }
.mc-atajo-ic { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--violeta-boton) center / 24px no-repeat; }
.mc-atajo-ic-ia { background-color: var(--rojo); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8z'/%3E%3Cpath d='M18 15l.9 2.1L21 18l-2.1.9L18 21l-.9-2.1L15 18l2.1-.9z'/%3E%3C/svg%3E"); }
.mc-atajo-ic-el11 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M4 12h16'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E"); }
.mc-atajo-ic-fichar { background-color: #b8860b; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6.5 6.5-6.5s6.5 2.9 6.5 6.5'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E"); }
/* r17o: Herramientas del DT como pestaña + saldo de Coins a la vista (barra chica arriba de las pestañas del club) */
#club-herramientas-dt .mc-herramientas { margin: 0; }
.mc-coins-club { display: flex; align-items: center; gap: 12px; margin: 10px 16px; padding: 8px 10px 8px 12px; border-radius: 14px; border: 1px solid rgba(250, 204, 21, .55); background: linear-gradient(100deg, rgba(250, 204, 21, .14), rgba(250, 204, 21, .03) 70%), var(--sup-1); color: var(--texto); }
.mc-coins-ic { flex: none; width: 30px; height: 30px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff3b0, #facc15 55%, #b8860b); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .25); }
.mc-coins-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.15; }
.mc-coins-txt small { color: var(--suave); font-size: .8rem; }
.mc-coins-saldo { font-size: 1.15rem; color: #facc15; font-variant-numeric: tabular-nums; }
.mc-coins-recargar { background: #facc15; color: #1a1300; border: 0; min-height: 44px; font-weight: 800; }
@media (min-width: 1024px) { .mc-coins-club { margin: 12px 24px; max-width: 520px; } }

/* r17 El 11 en el Inicio: banner debajo del Analista (misma columna), solo DT con club y desde 768 px. Debajo de 768 px quedan los botones chicos. */
.mc-col-ia { display: grid; gap: 16px; align-content: start; min-width: 0; }
.mc-col-ia > .mc-ia { height: auto !important; }
.mc-col-ia > .mc-ia-el11 .mc-btn { justify-self: start; }
@media (min-width: 1024px) { .home-stack > .mc-inicio-destacado > .mc-col-ia { display: grid; grid-template-rows: 1fr auto; height: 100%; padding: 0 !important; } .home-stack > .mc-inicio-destacado > .mc-col-ia > .mc-ia { height: 100% !important; } }
@media (max-width: 767.98px) { .mc-inicio-destacado > .mc-col-ia { display: none !important; } }
/* «Tu próximo partido»: una línea de fecha y hora, luego liga y jornada; en el centro del marcador solo «vs» */
.mc-destacado-cab .mc-cab-cuando { flex-basis: 100%; font: 800 clamp(17px, 1.6vw, 20px)/1.25 var(--f-datos); color: var(--texto); }
.mc-destacado-cab .mc-cab-liga { flex-basis: 100%; font-size: 13px; }
@media (max-width: 599.98px) { .mc-destacado-cab .mc-cab-dia, .mc-destacado-cab .mc-cab-hora { display: block; } .mc-destacado-cab .mc-cab-sep { display: none; } }
.mc-marcador .mc-vs { font: 800 22px/1 var(--f-display); color: var(--suave); letter-spacing: .04em; text-transform: uppercase; }
.mc-col-ia { grid-template-columns: minmax(0, 1fr); }
.mc-col-ia > .mc-ia { grid-column: 1; }
@media (min-width: 1024px) { .mc-col-ia > .mc-ia { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 28px; padding: 22px 28px; } }
@media (min-width: 1280px) { .mc-col-ia > .mc-ia { display: flex; flex-direction: column; justify-content: center; padding: 24px; } .mc-col-ia > .mc-ia > .mc-btn { align-self: flex-start; } }

/* r17 · «Resultados confirmados» = última jornada de una liga: chips de liga (scroll horizontal en celular) y encabezado «LIGA · Jornada N». */
.mc-resultados > .mc-chips-liga { display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; padding: 2px 0 4px; margin: 0; }
.mc-resultados .mc-chip-liga { flex: none; min-height: 40px; padding: 0 16px; display: inline-flex; align-items: center; border-radius: 20px; border: 1px solid var(--linea-fuerte); background: transparent; color: var(--suave); font: 700 13px var(--f-datos); letter-spacing: .04em; white-space: nowrap; cursor: pointer; }
.mc-resultados .mc-chip-liga[aria-pressed="true"] { background: var(--texto); color: var(--noche); border-color: var(--texto); }
.mc-resultados .mc-chip-liga:focus-visible { outline: 2px solid var(--violeta, #8b5cf6); outline-offset: 2px; }
.mc-resultados > .mc-jornada-cab { margin: 0; font: 700 14px/1.3 var(--f-datos); letter-spacing: .04em; text-transform: uppercase; color: var(--suave); }
.mc-resultados > .mc-jornada-faltan { margin: 0; font-size: 13px; }
/* En escritorio la caja de resultados reparte su alto con «auto 1fr» (pensado para título + lista): con chips y encabezado la fila que se estiraba era la de los chips. Aquí todo va en filas de su alto. */
.mc-inicio-destacado > .mc-pila > .mc-pila.mc-resultados { grid-template-rows: none; grid-auto-rows: auto; align-content: start; }
.mc-inicio-destacado > .mc-pila > .mc-pila.mc-resultados > .mc-chips-liga { align-self: start; align-items: center; justify-content: flex-start; }
.mc-inicio-destacado > .mc-pila > .mc-pila.mc-resultados > .mc-lista { align-content: start; grid-auto-rows: minmax(56px, auto); }

/* r17 (Piero 02/11): «Ver toda la jornada (N)» / «Ver menos» bajo los 3 partidos consecuentes de cada liga. */
.mc-resultados > .mc-ver-jornada-fila { justify-content: center; }
.mc-resultados .mc-ver-jornada { min-height: 40px; }
.mc-resultados > .mc-jornada-cab .mc-jornada-fecha { text-transform: none; letter-spacing: .02em; }
/* Nombre de la liga en «Resultados confirmados» (enlace a la liga): mismo color y sin subrayar; el subrayado aparece al pasar el mouse o con el teclado. */
.mc-resultados > .mc-jornada-cab a.mc-jornada-liga { color: inherit; text-decoration: none; cursor: pointer; }
.mc-resultados > .mc-jornada-cab a.mc-jornada-liga:hover, .mc-resultados > .mc-jornada-cab a.mc-jornada-liga:focus-visible { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* 04/11 (Aldair: «hay dos botones Recargar»): la barra de Coins del club ya trae «Recargar»; el de la billetera vieja se esconde cuando está la barra. */
body:has(.mc-coins-recargar) #ticopa-coins-wallet-club [data-ticopa-recarga-club]:not(.mc-coins-recargar) { display: none !important; }
/* r17 (04/11): selector de tamaño de los flyers igual que El 11 (9:16 · 4:5 · 16:9) */
.mc-tamano-seg { display: inline-flex; width: 100%; max-width: 360px; border: 1px solid var(--linea, #2f2b70); border-radius: 999px; overflow: hidden; }
.mc-tamano-seg .el11-seg { flex: 1; min-height: 44px; padding: 4px 12px; border: 0; background: transparent; color: inherit; cursor: pointer; font-weight: 700; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.05; }
.mc-tamano-seg .el11-seg small { font-size: .7rem; font-weight: 600; opacity: .8; }
.mc-tamano-seg .el11-seg.activo { background: var(--violeta, #8b5cf6); color: #fff; }

/* r17 (Piero 05/11): «Logo de fondo» de las imágenes exportadas (módulo 33, selectorFondo). Mismo estilo que el selector de tamaño. */
.mc-fondo-campo { display: grid; gap: 6px; margin: 6px 0 8px; text-align: left; }
.mc-fondo-campo[hidden] { display: none !important; }
.mc-fondo-titulo { font: 600 14px var(--f-datos); color: var(--suave); }
.mc-fondo-ops { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-fondo-op { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 76px; min-height: 44px; padding: 6px 10px; border: 1px solid var(--linea, #2f2b70); border-radius: 14px; background: transparent; color: inherit; cursor: pointer; font-weight: 700; line-height: 1.05; }
.mc-fondo-op small { font-size: .72rem; font-weight: 700; }
.mc-fondo-op .mc-fondo-mini { width: 28px; height: 28px; opacity: .9; }
.mc-fondo-op:hover { border-color: var(--violeta, #8b5cf6); }
.mc-fondo-op:focus-visible { outline: 2px solid var(--violeta, #8b5cf6); outline-offset: 2px; }
.mc-fondo-op.activo { background: var(--violeta, #8b5cf6); border-color: var(--violeta, #8b5cf6); color: #fff; }
.mc-fondo-nota { color: var(--suave); font: 500 12px var(--f-datos); }
@media (max-width: 480px) { .mc-fondo-op { flex: 1 1 calc(50% - 8px); } }