/* ============================================================
   Mundial 2026 — estilos autocontenidos (scope .m26 / .m26-bar)
   No depende del tema. Seguro para Noticias Gobierno y Alternativo.
   ============================================================ */
.m26, .m26-bar {
  --m26-navy:#0a1c35; --m26-navy2:#102a4d; --m26-ink:#0a1c33;
  --m26-teal:#00b894; --m26-blue:#0b6bc2; --m26-violet:#6c2bd9;
  --m26-gold:#e69412; --m26-gold2:#ffd56b;
  --m26-green:#15803d; --m26-amber:#d97706; --m26-red:#dc2f3e;
  --m26-line:rgba(10,28,51,.16); --m26-soft:#eef2f9; --m26-card:#fff;
  --m26-mut:#41526b; --m26-dim:#6b7a93;
  --m26-grad:linear-gradient(100deg,#00b894 0%,#0b8de0 50%,#6c2bd9 100%);
  /* Paleta de la BARRA (sobreescrita por tema desde PHP) */
  --m26-bar-bg1:#102a4d; --m26-bar-bg2:#0a1c35; --m26-bar-fg:#fff;
  --m26-bar-live:#ff3b4e;
  --m26-bar-grad:linear-gradient(100deg,#00b894,#0b8de0 52%,#6c2bd9);
  box-sizing:border-box;
}
.m26 *, .m26-bar *{ box-sizing:border-box; }

/* ---------------------------------------------------------------- BARRA */
.m26-bar{
  position:relative; width:100%; z-index:50;
  background:linear-gradient(180deg,var(--m26-bar-bg1),var(--m26-bar-bg2));
  color:var(--m26-bar-fg); box-shadow:0 6px 22px rgba(10,28,51,.18);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  border-bottom:3px solid transparent; border-image:var(--m26-bar-grad) 1;
}
.m26-bar.is-collapsed .m26-bar__track{ display:none; }
.m26-bar [hidden]{ display:none !important; } /* el atributo hidden debe ganar a display:inline-flex */
.m26-bar__inner{ display:flex; align-items:stretch; gap:0; max-width:1320px; margin:0 auto; min-height:64px; }
.m26-bar__brand{
  display:flex; align-items:center; gap:10px; padding:8px 16px; flex:0 0 auto;
  background:rgba(255,255,255,.04); border-right:1px solid rgba(255,255,255,.08);
}
.m26-bar__brand img{ width:34px; height:34px; display:block; }
.m26-bar__brand b{ font-size:13px; line-height:1; letter-spacing:.5px; text-transform:uppercase; }
.m26-bar__brand span{ display:block; font-size:10px; opacity:.7; letter-spacing:.6px; margin-top:3px; }
.m26-bar__live{ display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:800; color:var(--m26-bar-live); letter-spacing:.6px; }
.m26-bar__live i{ width:7px; height:7px; border-radius:50%; background:var(--m26-bar-live); box-shadow:0 0 0 0 rgba(255,59,78,.7); animation:m26pulse 1.4s infinite; }
@keyframes m26pulse{ 70%{box-shadow:0 0 0 7px rgba(255,59,78,0)} 100%{box-shadow:0 0 0 0 rgba(255,59,78,0)} }

.m26-bar__track{ display:flex; align-items:center; gap:10px; overflow-x:auto; padding:8px 12px; flex:1 1 auto; scrollbar-width:thin; }
.m26-bar__track::-webkit-scrollbar{ height:6px; } .m26-bar__track::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.18); border-radius:4px; }
.m26-chip{
  flex:0 0 auto; display:flex; align-items:center; gap:9px; padding:7px 12px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  border-radius:11px; white-space:nowrap; font-size:13px; min-width:max-content;
}
.m26-chip .t{ display:flex; align-items:center; gap:6px; }
.m26-chip img.fl{ width:20px; height:14px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.18); }
.m26-chip .ab{ font-weight:700; letter-spacing:.3px; }
.m26-chip .sc{ font-variant-numeric:tabular-nums; font-weight:900; font-size:15px; padding:0 7px; min-width:42px; text-align:center; }
.m26-chip .st{ font-size:10px; font-weight:800; letter-spacing:.4px; padding:2px 6px; border-radius:6px; }
.m26-chip .st.live{ background:var(--m26-bar-live); color:#fff; } .m26-chip .st.ft{ background:rgba(255,255,255,.16); color:#dbe8ff; }
.m26-chip .st.next{ background:rgba(255,255,255,.12); color:var(--m26-gold2); }
.m26-bar__cta{
  flex:0 0 auto; display:flex; align-items:center; gap:7px; padding:8px 18px; margin:0; color:#fff; text-decoration:none;
  background:var(--m26-bar-grad); font-weight:800; font-size:13px; letter-spacing:.3px; white-space:nowrap;
}
.m26-bar__cta:hover{ filter:brightness(1.08); }
.m26-bar__toggle{
  flex:0 0 auto; background:rgba(255,255,255,.06); border:0; color:#fff; cursor:pointer;
  width:38px; font-size:16px; line-height:1; border-left:1px solid rgba(255,255,255,.08);
}
.m26-bar__empty{ display:flex; align-items:center; padding:0 14px; font-size:13px; opacity:.85; }
@media(max-width:640px){
  .m26-bar__brand span{ display:none; } .m26-bar__brand b{ font-size:11px; }
  .m26-bar__cta{ padding:8px 12px; font-size:12px; } .m26-bar__cta .lbl{ display:none; }
}

/* ---------------------------------------------------------------- DASHBOARD */
.m26{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--m26-ink); line-height:1.5; margin:0 0 26px;
}
.m26 a{ color:inherit; }
.m26 h2,.m26 h3{ margin:0; line-height:1.15; }
/* Contenedor del dashboard inyectado: se ADAPTA al ancho de la columna del tema
   (col-main / .container), NUNCA impone ancho propio → respeta sidebar y skyscrapers. */
.m26__wrap{ width:100%; max-width:100%; margin:0; padding:0; box-sizing:border-box; min-width:0; overflow:hidden; }
.m26__wrap .m26{ max-width:100%; }

/* hero */
.m26-hero{
  position:relative; overflow:hidden; border-radius:20px; color:#fff; margin-bottom:22px;
  background:radial-gradient(1100px 460px at 8% -25%,rgba(0,184,148,.42),transparent 60%),
             radial-gradient(900px 520px at 100% -10%,rgba(108,43,217,.55),transparent 55%),
             linear-gradient(155deg,#0a1c35,#0e2a52 55%,#143b76);
  box-shadow:0 24px 60px rgba(10,28,51,.32);
}
.m26-hero__grid{ display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; padding:26px 28px; }
.m26-hero__emblem{ width:120px; height:120px; filter:drop-shadow(0 10px 20px rgba(0,0,0,.35)); }
.m26-hero__k{ display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--m26-gold2); margin-bottom:8px; }
.m26-hero h2{ font-size:clamp(21px,3.4vw,40px); font-weight:900; letter-spacing:-.4px; overflow-wrap:anywhere; color:#fff; }
/* el dashboard va en un área con texto oscuro del tema: forzamos blanco en el hero */
.m26-hero, .m26-hero h2, .m26-hero h1, .m26-hero h3, .m26-hero p, .m26-hero span, .m26-hero b{ color:#fff; }
.m26-hero .m26-hero__k{ color:var(--m26-gold2); }
.m26-hero__sub{ margin-top:8px; opacity:.85; font-size:15px; display:flex; flex-wrap:wrap; gap:8px 16px; }
.m26-hero__sub b{ color:#fff; } .m26-hero__sub .dot{ opacity:.4; }
.m26-livebadge{ display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:#ff3b4e; color:#fff; font-size:11px; font-weight:800; letter-spacing:.5px; }
.m26-livebadge i{ width:7px; height:7px; border-radius:50%; background:#fff; animation:m26pulse 1.4s infinite; }

/* phase tracker */
.m26-phases{ display:flex; flex-wrap:wrap; gap:6px; padding:0 28px 24px; }
.m26-phase{ flex:1 1 0; min-width:92px; text-align:center; padding:10px 6px; border-radius:11px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); }
.m26-phase b{ display:block; font-size:13px; font-weight:800; }
.m26-phase span{ display:block; font-size:10px; opacity:.7; margin-top:2px; letter-spacing:.4px; text-transform:uppercase; }
.m26-phase.is-now{ background:var(--m26-grad); border-color:transparent; box-shadow:0 6px 18px rgba(9,132,227,.4); }
.m26-phase.is-done{ opacity:.55; }

/* section header */
.m26-sec{ margin:30px 0; }
.m26-sec__h{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.m26-sec__h h3{ font-size:20px; font-weight:900; letter-spacing:-.3px; }
.m26-sec__h .bar{ flex:1; height:3px; border-radius:3px; background:var(--m26-grad); opacity:.85; }
.m26-sec__h a{ font-size:13px; font-weight:700; color:var(--m26-blue); text-decoration:none; white-space:nowrap; }
.m26-eyebrow{ font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--m26-mut); }

/* match cards */
.m26-matches{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.m26-match{ background:var(--m26-card); border:1px solid var(--m26-line); border-radius:14px; padding:14px 16px; box-shadow:0 6px 18px rgba(11,31,58,.06); }
.m26-match__top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:11px; color:var(--m26-mut); font-weight:700; letter-spacing:.3px; }
.m26-match__g{ background:var(--m26-soft); padding:2px 8px; border-radius:6px; }
.m26-match__row{ display:flex; align-items:center; gap:10px; padding:4px 0; }
.m26-match__row img{ width:26px; height:18px; object-fit:cover; border-radius:3px; box-shadow:0 0 0 1px var(--m26-line); }
.m26-match__row .nm{ flex:1; font-weight:600; font-size:14px; }
.m26-match__row .gl{ font-variant-numeric:tabular-nums; font-weight:900; font-size:20px; min-width:24px; text-align:right; }
.m26-match__row.win .nm{ font-weight:800; } .m26-match__row.lose{ opacity:.6; }
.m26-match__st{ margin-top:10px; text-align:center; font-size:11px; font-weight:800; letter-spacing:.4px; }
.m26-match__st .live{ color:#ff3b4e; } .m26-match__st .ft{ color:var(--m26-mut); } .m26-match__st .next{ color:var(--m26-blue); }

/* tabs */
.m26-tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.m26-tab{ padding:7px 14px; border-radius:999px; border:1px solid var(--m26-line); background:var(--m26-card); font-size:13px; font-weight:700; cursor:pointer; color:var(--m26-mut); }
.m26-tab.is-on{ background:var(--m26-ink); color:#fff; border-color:var(--m26-ink); }
.m26-pane{ display:none; } .m26-pane.is-on{ display:block; }

/* group tables */
.m26-groups{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:16px; }
.m26-grp{ background:var(--m26-card); border:1px solid var(--m26-line); border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(11,31,58,.06); }
.m26-grp__h{ display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:linear-gradient(90deg,var(--m26-ink),#173a6b); color:#fff; }
.m26-grp__h b{ font-size:14px; font-weight:900; letter-spacing:.5px; }
.m26-grp__h span{ font-size:10px; opacity:.7; letter-spacing:.5px; text-transform:uppercase; }
.m26-grp table{ width:100%; border-collapse:collapse; font-size:13px; }
.m26-grp th{ font-size:10px; color:var(--m26-mut); font-weight:800; text-transform:uppercase; padding:7px 4px; text-align:center; border-bottom:1px solid var(--m26-line); }
.m26-grp th.tnm{ text-align:left; padding-left:12px; }
.m26-grp td{ padding:8px 4px; text-align:center; border-bottom:1px solid var(--m26-line); font-variant-numeric:tabular-nums; }
.m26-grp tr:last-child td{ border-bottom:0; }
.m26-grp td.tnm{ text-align:left; padding-left:8px; display:flex; align-items:center; gap:8px; font-weight:600; }
.m26-grp td.tnm img{ width:22px; height:15px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px var(--m26-line); }
.m26-grp td.pos{ font-weight:800; color:var(--m26-mut); width:26px; }
.m26-grp td.pts{ font-weight:900; }
.m26-grp tr.q1 td.pos, .m26-grp tr.q2 td.pos{ color:#fff; background:var(--m26-green); border-radius:6px; }
.m26-grp tr.q3 td.pos{ color:#fff; background:var(--m26-amber); border-radius:6px; }
.m26-grp__legend{ display:flex; gap:14px; padding:8px 12px; font-size:10px; color:var(--m26-mut); flex-wrap:wrap; }
.m26-grp__legend i{ display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:4px; vertical-align:-1px; }

/* scorers / stats */
.m26-stats{ display:grid; grid-template-columns:1.4fr 1fr; gap:16px; }
@media(max-width:760px){ .m26-stats{ grid-template-columns:1fr; } }
.m26-scorers{ background:var(--m26-card); border:1px solid var(--m26-line); border-radius:14px; overflow:hidden; box-shadow:0 6px 18px rgba(11,31,58,.06); }
.m26-scorer{ display:flex; align-items:center; gap:12px; padding:11px 16px; border-bottom:1px solid var(--m26-line); }
.m26-scorer:last-child{ border-bottom:0; }
.m26-scorer .rk{ font-weight:900; color:var(--m26-mut); width:22px; font-variant-numeric:tabular-nums; }
.m26-scorer .av{ width:34px; height:34px; border-radius:50%; background:var(--m26-soft); display:grid; place-items:center; font-weight:800; color:var(--m26-blue); overflow:hidden; }
.m26-scorer .av img{ width:100%; height:100%; object-fit:cover; }
.m26-scorer .who{ flex:1; } .m26-scorer .who b{ display:block; font-size:14px; } .m26-scorer .who span{ font-size:12px; color:var(--m26-mut); }
.m26-scorer .gz{ font-weight:900; font-size:18px; color:var(--m26-ink); } .m26-scorer .gz small{ font-size:11px; color:var(--m26-mut); font-weight:700; }
.m26-figs{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:start; }
.m26-fig{ background:var(--m26-card); border:1px solid var(--m26-line); border-radius:14px; padding:16px; text-align:center; box-shadow:0 6px 18px rgba(11,31,58,.06); }
.m26-fig b{ display:block; font-size:30px; font-weight:900; background:var(--m26-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-variant-numeric:tabular-nums; }
.m26-fig span{ font-size:12px; color:var(--m26-mut); font-weight:700; letter-spacing:.3px; }

/* bracket */
.m26-bracket{ display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; }
.m26-bcol{ flex:0 0 230px; }
.m26-bcol h4{ margin:0 0 10px; font-size:12px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--m26-mut); text-align:center; }
.m26-btie{ background:var(--m26-card); border:1px solid var(--m26-line); border-radius:11px; padding:9px 12px; margin-bottom:12px; box-shadow:0 4px 12px rgba(11,31,58,.05); }
.m26-btie .r{ display:flex; align-items:center; gap:8px; font-size:13px; padding:3px 0; }
.m26-btie .r img{ width:20px; height:14px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px var(--m26-line); }
.m26-btie .r .nm{ flex:1; font-weight:600; } .m26-btie .r .gl{ font-weight:900; font-variant-numeric:tabular-nums; }
.m26-btie .r.win .nm{ font-weight:800; } .m26-btie .r.lose{ opacity:.55; }

/* notice (sin API) */
.m26-notice{ background:linear-gradient(100deg,rgba(0,184,148,.08),rgba(108,43,217,.08)); border:1px dashed var(--m26-blue); border-radius:12px; padding:14px 16px; font-size:13px; color:var(--m26-mut); display:flex; gap:10px; align-items:flex-start; }
.m26-notice b{ color:var(--m26-ink); }
.m26-updated{ font-size:11px; color:var(--m26-mut); text-align:right; margin-top:6px; }

@media(max-width:640px){
  .m26-hero__grid{ grid-template-columns:1fr; text-align:center; padding:22px 18px; }
  .m26-hero__emblem{ width:92px; height:92px; margin:0 auto; }
  .m26-hero__sub{ justify-content:center; }
  .m26-phases{ padding:0 18px 20px; } .m26-phase{ min-width:0; }
}
/* respeta tema oscuro: el dashboard trae su propia paleta clara siempre legible */

/* ----- Ocultar el "campo categorías" del tema en la categoría Mundial -----
   (el dashboard ya hace de cabecera; evitamos el "Categoría: Mundial 2026"
   y los chips de categoría redundantes). */
body.category-mundial-2026 .arch-head,
body.category-mundial-2026 .altmx-archive-hero,
body.category-mundial-2026 .altmx-archive-chips,
body.category-mundial-2026 .altmx-archive-kind{ display:none !important; }
body.category-mundial-2026 .altmx-archive-topad{ margin-top:0; }

/* === Fix overflow horizontal móvil: el track de partidos debe encogerse y hacer scroll interno (flexbox min-width:auto gotcha) — 2026-06-22 === */
.m26-bar__inner{ min-width:0; max-width:100%; }
.m26-bar__track{ min-width:0; flex:1 1 0; }