/* =====================================================================
   Ticopa Hub · rediseño «Marcador» (r17) · 20) Noticias, Partido y Ticopa Admin
   Acerca estas tres pantallas a la maqueta aprobada: tarjetas con degradado violeta,
   títulos grandes en letra condensada, chips, botones redondeados y espaciado compacto.
   Solo CSS: no cambia contenido ni funciones. Usa las variables de 14-marcador-tokens.css.
   En pantallas anchas (≥1600 px) estas vistas usan más ancho para no dejar huecos.
   ===================================================================== */
:root {
  --mc20-tarjeta: linear-gradient(135deg, #2a2178 0%, #1b1754 48%, #2a1145 100%);
  --mc20-tarjeta-suave: linear-gradient(160deg, rgba(115, 68, 240, .20) 0%, rgba(20, 18, 58, .9) 55%);
  --mc20-chip-ok: rgba(32, 232, 155, .14);
}

/* ---------- Ancho en pantallas grandes (solo estas vistas) ---------- */
@media (min-width: 1600px) {
  body.marcador #tabla-contenedor.main-container:has(> .editorial-sala),
  body.marcador #tabla-contenedor.main-container:has(> .perfil-wrapper .mc-partido-cab) { max-width: 1560px !important; }
}
@media (min-width: 2200px) {
  body.marcador #tabla-contenedor.main-container:has(> .editorial-sala),
  body.marcador #tabla-contenedor.main-container:has(> .perfil-wrapper .mc-partido-cab) { max-width: 1880px !important; }
}

/* =====================  1) NOTICIAS · Sala de prensa  ===================== */
.editorial-sala { display: grid; gap: 14px; }
.editorial-sala > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.editorial-sala .editorial-heading {
  position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px;
  padding: 22px 18px !important; border-radius: var(--r-l) !important; border: 1px solid var(--linea-fuerte) !important;
  background: radial-gradient(120% 140% at 100% 0%, rgba(255, 45, 85, .28) 0%, transparent 46%), var(--mc20-tarjeta) !important;
}
.editorial-sala .editorial-heading::after { content: ""; position: absolute; inset: 0 0 0 auto; width: 38%; pointer-events: none;
  background: repeating-linear-gradient(115deg, transparent 0 22px, rgba(139, 92, 246, .10) 22px 44px); }
.editorial-sala .editorial-heading > * { position: relative; z-index: 1; }
.editorial-sala .editorial-heading h1 { font: 800 clamp(44px, 7vw, 72px)/.9 var(--f-display) !important; margin: 4px 0 8px !important; }
.editorial-sala .editorial-heading p { color: var(--suave) !important; font: 400 15px/1.45 var(--f-texto) !important; margin: 0 !important; max-width: 60ch; }
.editorial-sala .editorial-heading .ticopa-action { min-height: 44px; border-radius: 22px !important; padding: 0 18px !important;
  border: 1px solid var(--linea-fuerte) !important; background: rgba(11, 10, 36, .45) !important; color: var(--texto) !important; font: 700 14px var(--f-datos) !important; text-transform: none !important; letter-spacing: 0 !important; }
@media (max-width: 560px) { .editorial-sala .editorial-heading .ticopa-action { width: 100%; justify-content: center; } }
@media (min-width: 1024px) { .editorial-sala .editorial-heading { padding: 30px 32px !important; } }

/* Pestañas como chips compactos en una sola fila deslizable */
.editorial-sala .editorial-tabs { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; overflow-x: auto; scrollbar-width: none; padding: 0 0 12px !important; }
.editorial-sala .editorial-tabs::-webkit-scrollbar { display: none; }
.editorial-sala .editorial-tabs a, .editorial-sala .editorial-tabs button { flex: 0 0 auto; min-height: 36px !important; padding: 0 14px !important; display: inline-flex !important; align-items: center;
  font: 600 14px var(--f-datos) !important; white-space: nowrap; }

/* Filtros en una fila compacta */
.editorial-sala .editorial-filtros { gap: 10px !important; padding: 12px !important; border-radius: var(--r-l) !important; background: var(--sup-1) !important; border: 1px solid var(--linea) !important; align-items: end; }
.editorial-sala .editorial-filtros label { font: 600 13px var(--f-datos) !important; color: var(--tenue) !important; }
.editorial-sala .editorial-filtros select, .editorial-sala .editorial-filtros input:not([type=hidden]) { min-height: 42px; border-radius: var(--r-m) !important; }
.editorial-sala .editorial-filtros .ticopa-action { min-height: 42px; border-radius: 21px !important; background: var(--rojo) !important; border-color: var(--rojo) !important; color: var(--tinta) !important; font: 800 14px var(--f-datos) !important; text-transform: none !important; letter-spacing: 0 !important; }
@media (min-width: 1024px) { .editorial-sala .editorial-filtros { grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto !important; } }

/* Título de la lista con chip «Oficial» (sale del texto «… resultados confirmados primero») */
.editorial-sala > div > .editorial-meta:first-child { display: flex; align-items: center; gap: 10px; margin: 2px 0 10px !important; font: 600 14px var(--f-datos) !important; }
.editorial-sala > div > .editorial-meta:first-child::before { content: "Oficial"; display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 12px;
  background: var(--mc20-chip-ok); color: var(--ok); border: 1px solid rgba(32, 232, 155, .35); font: 700 12px var(--f-datos); }
html[lang^=en] .editorial-sala > div > .editorial-meta:first-child::before { content: "Official"; }

/* Tarjetas: degradado violeta, compactas, rejilla que llena el ancho */
.editorial-sala .editorial-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 12px !important; }
@media (max-width: 560px) { .editorial-sala .editorial-grid { grid-template-columns: minmax(0, 1fr) !important; } }
.editorial-sala .editorial-card { display: flex !important; flex-direction: column; gap: 6px; padding: 16px !important; min-height: 0 !important;
  background: var(--mc20-tarjeta-suave), var(--sup-1) !important; border: 1px solid var(--linea-fuerte) !important; border-radius: var(--r-l) !important; }
.editorial-sala .editorial-card > * { margin: 0 !important; }
.editorial-sala .editorial-card:hover { border-color: var(--violeta) !important; }
.editorial-sala .editorial-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.editorial-sala .editorial-card .editorial-kicker { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 12px;
  background: rgba(255, 45, 85, .14); border: 1px solid rgba(255, 45, 85, .4); font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; }
.editorial-sala .editorial-card:first-child .editorial-kicker { background: var(--mc20-chip-ok); border-color: rgba(32, 232, 155, .35); color: var(--ok) !important; }
.editorial-sala .editorial-card .editorial-title { font: 800 clamp(22px, 2vw, 26px)/1.02 var(--f-display) !important; text-align: left; padding: 0 !important; letter-spacing: .005em; }
.editorial-sala .editorial-card .editorial-meta { font: 600 12px var(--f-datos) !important; }
.editorial-sala .editorial-card .editorial-excerpt { font: 400 14px/1.45 var(--f-texto) !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.editorial-sala .editorial-card .editorial-link { align-self: flex-start; margin-top: auto !important; min-height: 36px; padding: 0 14px !important; border-radius: 18px !important;
  background: var(--rojo) !important; color: var(--tinta) !important; font: 800 13px var(--f-datos) !important; display: inline-flex; align-items: center; gap: 6px; border: 0 !important; }
.editorial-sala .editorial-card .editorial-link span { display: none; }

/* =====================  2) PARTIDO · ficha  ===================== */
#tabla-contenedor > .perfil-wrapper:has(.mc-partido-cab) { padding: 14px !important; border-radius: var(--r-l) !important; background: var(--sup-1) !important; }
.perfil-wrapper .club-profile-header:has(.mc-partido-cab) { display: flex; flex-direction: column; gap: 14px; padding: 0 !important; background: none !important; border: 0 !important; }
.perfil-wrapper .club-profile-header:has(.mc-partido-cab) > * { margin-top: 0 !important; margin-bottom: 0 !important; }
/* Línea de liga y jornada como chip */
.club-profile-header:has(.mc-partido-cab) > div:first-child { align-self: flex-start; display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: 14px;
  background: rgba(139, 92, 246, .16); border: 1px solid var(--linea-fuerte); color: var(--violeta-texto) !important; font: 700 13px var(--f-datos) !important; text-align: left !important; }
/* Marcador con degradado */
.perfil-wrapper .mc-partido-cab { max-width: none !important; margin: 0 !important; min-height: 190px; border-radius: var(--r-l) !important;
  background: radial-gradient(90% 120% at 50% 0%, rgba(139, 92, 246, .35), transparent 60%), var(--mc20-tarjeta) !important; border: 1px solid var(--linea-fuerte) !important; }
.perfil-wrapper .mc-partido-cab .match-detail-club-link img { width: clamp(64px, 9vw, 110px) !important; height: clamp(64px, 9vw, 110px) !important; }
.perfil-wrapper .mc-partido-cab .match-detail-club-link span { font: 800 clamp(16px, 1.6vw, 22px)/1 var(--f-display) !important; letter-spacing: .01em; }
.perfil-wrapper .mc-partido-goles { font: 900 clamp(56px, 8vw, 104px)/.9 var(--f-display) !important; letter-spacing: .02em; padding: 0 8px !important; }
/* Fecha y duración como chips */
.club-profile-header:has(.mc-partido-cab) > div:last-child { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; color: var(--suave) !important; font: 600 14px var(--f-datos) !important; }
.club-profile-header:has(.mc-partido-cab) > div:last-child > span { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 13px; background: rgba(255, 45, 85, .14); border: 1px solid rgba(255, 45, 85, .4); color: var(--rojo-texto) !important; font: 700 12px var(--f-datos) !important; }
/* Estadísticas compactas */
.club-profile-header:has(.mc-partido-cab) h4 { font: 800 28px/1 var(--f-display) !important; text-align: left !important; }
.club-profile-header:has(.mc-partido-cab) .match-stats-container { padding: 12px 16px !important; max-width: none !important; margin: 0 !important; }
.club-profile-header:has(.mc-partido-cab) .match-stat-row { padding: 6px 0 !important; margin: 0 !important; gap: 12px; }
.club-profile-header:has(.mc-partido-cab) .stat-val-text { font: 800 28px/1 var(--f-display) !important; }
.club-profile-header:has(.mc-partido-cab) .stat-label { font: 700 12px var(--f-datos) !important; letter-spacing: .02em !important; color: var(--suave) !important; }
/* Panel de datos: tarjeta con degradado y chips */
.club-profile-header:has(.mc-partido-cab) .gaming-esports-panel { margin: 0 !important; padding: 16px !important; border-radius: var(--r-l) !important; border: 1px solid var(--linea-fuerte) !important; background: var(--mc20-tarjeta-suave), var(--sup-1) !important; }
.club-profile-header:has(.mc-partido-cab) .gaming-esports-head h3 { font: 800 26px/1 var(--f-display) !important; }
.club-profile-header:has(.mc-partido-cab) .gaming-esports-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important; gap: 8px !important; }
.club-profile-header:has(.mc-partido-cab) .gaming-stat-chip { padding: 8px 10px !important; border-radius: 12px !important; }
.club-profile-header:has(.mc-partido-cab) .gaming-stat-chip strong { font: 800 22px/1 var(--f-display) !important; }
/* Botones de plantillas: rojos y redondeados */
.perfil-wrapper:has(.mc-partido-cab) .hero-btn { border-radius: 22px !important; min-height: 44px; }
.perfil-wrapper:has(.mc-partido-cab) .hero-btn:first-child { background: var(--rojo) !important; border-color: var(--rojo) !important; color: var(--tinta) !important; }
.perfil-wrapper:has(.mc-partido-cab) > section.card { margin: 14px 0 !important; padding: 16px !important; border-radius: var(--r-l) !important; }
/* Computadora: estadísticas y panel de datos lado a lado */
@media (min-width: 1280px) {
  .perfil-wrapper .club-profile-header:has(.mc-partido-cab) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; row-gap: 14px; }
  .club-profile-header:has(.mc-partido-cab) > div:first-child, .club-profile-header:has(.mc-partido-cab) > .mc-partido-cab, .club-profile-header:has(.mc-partido-cab) > div:last-child { grid-column: 1 / -1; }
  .club-profile-header:has(.mc-partido-cab) > h4 { grid-column: 1; }
  .club-profile-header:has(.mc-partido-cab) > .match-stats-container { grid-column: 1; }
  .club-profile-header:has(.mc-partido-cab) > .gaming-esports-panel { grid-column: 2; grid-row: 3 / span 2; align-self: stretch; }
  #tabla-contenedor > .perfil-wrapper:has(.mc-partido-cab) { padding: 20px !important; }
}

/* =====================  3) TICOPA ADMIN  ===================== */
@media (min-width: 1440px) { #tabla-contenedor.main-container:has(> .ticopa-workspace) { max-width: min(1824px, 100vw) !important; } .ticopa-workspace { max-width: min(1760px, calc(100vw - 64px)) !important; } }
@media (min-width: 2200px) { #tabla-contenedor.main-container:has(> .ticopa-workspace) { max-width: min(2296px, 100vw) !important; } .ticopa-workspace { max-width: min(2200px, calc(100vw - 96px)) !important; } }
.ticopa-workspace .workspace-heading { position: relative; overflow: hidden; padding: 24px 28px !important;
  background: radial-gradient(120% 160% at 100% 0%, rgba(255, 45, 85, .26), transparent 45%), var(--mc20-tarjeta) !important; }
html body .ticopa-workspace .workspace-heading h1 { font-size: clamp(40px, 5vw, 64px) !important; line-height: .92 !important; }
.ticopa-workspace .workspace-role { border-radius: 14px !important; background: rgba(11, 10, 36, .45) !important; }
.ticopa-workspace .workspace-section-heading { margin-bottom: 6px !important; }
.ticopa-workspace .workspace-section-heading h2 { font-size: clamp(30px, 3vw, 40px) !important; }
/* Tarjetas de tareas: degradado violeta, título grande y botón rojo redondeado */
.ticopa-workspace .workspace-quick-grid, .ticopa-workspace :has(> button.workspace-quick-card) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 12px !important; }
html body .ticopa-workspace button.workspace-quick-card.workspace-quick-card.workspace-quick-card {
  background: var(--mc20-tarjeta-suave), var(--sup-1) !important; border: 1px solid var(--linea-fuerte) !important; border-radius: var(--r-l) !important;
  padding: 16px !important; min-height: 0 !important; display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px; text-align: left; }
html body .ticopa-workspace button.workspace-quick-card.workspace-quick-card.workspace-quick-card:hover { border-color: var(--violeta) !important; }
html .ticopa-workspace button.workspace-quick-card strong { font: 800 26px/1 var(--f-display) !important; letter-spacing: .005em; margin: 2px 0 0 !important; }
html .ticopa-workspace button.workspace-quick-card span:not(.ticopa-ui-icon) { font-size: 14px !important; line-height: 1.4 !important; }
html .ticopa-workspace button.workspace-quick-card small:last-child { margin-top: 6px; display: inline-flex; align-items: center; min-height: 34px; padding: 0 16px; border-radius: 17px;
  background: var(--rojo); color: var(--tinta) !important; font: 800 13px var(--f-datos) !important; }
/* «Por revisar»: números grandes y botón «Revisar» */
.tar-card { border-radius: var(--r-l) !important; background: var(--mc20-tarjeta-suave), var(--sup-2) !important; border-color: var(--linea-fuerte) !important; padding: 14px !important; }
.tar-card-num { font-size: clamp(44px, 4vw, 60px) !important; line-height: .95 !important; }
.tar-card-revisar { border-radius: 20px !important; min-height: 38px; width: 100%; }
.tar-panel-review-entry { border-radius: 22px !important; }
@media (max-width: 760px) {
  .ticopa-workspace .workspace-heading { padding: 18px 16px !important; }
  .ticopa-workspace .workspace-quick-grid, .ticopa-workspace :has(> button.workspace-quick-card) { grid-template-columns: minmax(0, 1fr) !important; }
}
/* Celular: filtros en dos filas sin etiquetas (los campos ya dicen qué son) y estadísticas más juntas */
@media (max-width: 560px) {
  .editorial-sala .editorial-filtros { grid-template-columns: 1fr 1fr !important; padding: 10px !important; gap: 8px !important; }
  .editorial-sala .editorial-filtros label { font-size: 0 !important; gap: 0 !important; }
  .editorial-sala .editorial-filtros label :is(select, input) { font-size: 15px !important; }
  .editorial-sala .editorial-filtros > a { grid-column: 1 / -1; font-size: 13px; }
  .club-profile-header:has(.mc-partido-cab) .match-stat-row { padding: 2px 0 !important; }
  .club-profile-header:has(.mc-partido-cab) .stat-val-text { font-size: 24px !important; }
  .perfil-wrapper .mc-partido-cab { min-height: 160px; }
}

/* r17 revisión final (31/10): «Limpiar filtros» se salía por la derecha de la fila de filtros. La fila mide lo que su contenedor (border-box),
   los dos últimos huecos toman el ancho exacto de su texto y el enlace queda centrado dentro de la fila, sin cortarse. */
.editorial-sala .editorial-filtros { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0; }
.editorial-sala .editorial-filtros > * { min-width: 0; }
.editorial-sala .editorial-filtros > a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 8px; white-space: nowrap; color: var(--violeta-texto, var(--texto)); font: 600 14px var(--f-datos); }
@media (min-width: 1024px) { .editorial-sala .editorial-filtros { grid-template-columns: repeat(3, minmax(0, 1fr)) max-content max-content !important; } }