/* =========================================================
   MUNDIALITO LEONÉS 2026 - cazurreo.com
   Estilos del bloque de la sección
   Solo se cargan en la plantilla page-mundialito-leones.php
   ========================================================= */

.mundialito-section *{box-sizing:border-box}
.mundialito-section{max-width:1180px;margin:0 auto;padding:24px 18px 60px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#222;line-height:1.5}
.mundialito-section img{max-width:100%;display:block}

/* Migas de pan */
.ml-breadcrumbs{font-size:13px;color:#777;margin-bottom:14px}
.ml-breadcrumbs a{color:#c8102e;font-weight:600;text-decoration:none}
.ml-breadcrumbs span{margin:0 6px;color:#bbb}

/* Cabecera de la sección */
.ml-seccion-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px;padding-bottom:18px;margin-bottom:24px;border-bottom:2px solid #222}
.ml-seccion-head h1{font-family:'Bebas Neue','Inter',sans-serif;font-size:42px;letter-spacing:1.5px;color:#222;line-height:1;margin:0}
.ml-seccion-head h1 span{color:#c8102e}
.ml-seccion-head .ml-meta{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;text-align:right}
.ml-seccion-head .ml-meta b{display:block;color:#222;font-size:14px;margin-top:2px}

/* Sub-navegación */
.ml-sub-nav{background:#fff;border:1px solid #e6e6e6;border-radius:8px;display:flex;overflow-x:auto;margin-bottom:22px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ml-sub-nav::-webkit-scrollbar{display:none}
.ml-sub-nav button{flex-shrink:0;background:transparent;border:0;padding:14px 18px;font-family:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#555;cursor:pointer;border-bottom:3px solid transparent;transition:.2s}
.ml-sub-nav button:hover{color:#c8102e}
.ml-sub-nav button.active{color:#222;border-bottom-color:#c8102e;background:#fafafa}

/* Banner intro con cuenta atrás */
.ml-intro-banner{background:linear-gradient(135deg,#c8102e,#8b0a1f);color:#fff;border-radius:10px;padding:22px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.ml-intro-banner .txt h2{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1.5px;margin:0 0 4px}
.ml-intro-banner .txt p{font-size:13px;opacity:.92;max-width:540px;margin:0}
.ml-countdown{display:flex;gap:10px}
.ml-countdown div{background:rgba(0,0,0,.25);padding:10px 14px;border-radius:6px;text-align:center;min-width:60px}
.ml-countdown .num{font-family:'Bebas Neue',sans-serif;font-size:26px;color:#F5C518;line-height:1;display:block}
.ml-countdown .lbl{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#fff;opacity:.85;margin-top:2px;display:block}

/* Paneles */
.ml-panel{display:none}
.ml-panel.active{display:block;animation:mlfade .25s ease}
@keyframes mlfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Portada */
.ml-grid-portada{display:grid;grid-template-columns:2fr 1fr;gap:22px}
@media(max-width:900px){.ml-grid-portada{grid-template-columns:1fr}}

.ml-hero{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ececec}
.ml-hero .img{height:300px;background:linear-gradient(135deg,#1a1a1a,#3a0a14);position:relative;display:flex;align-items:flex-end;padding:22px;color:#fff;overflow:hidden}
.ml-hero .img::before{content:"⚽";position:absolute;font-size:340px;right:-50px;top:-70px;opacity:.06;transform:rotate(-15deg)}
.ml-hero .img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 60%)}
.ml-hero .img.with-image{background-size:cover;background-position:center}
.ml-hero .img .meta-h{position:relative;z-index:2}
.ml-hero .tag{display:inline-block;background:#c8102e;color:#fff;padding:3px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-radius:3px;margin-bottom:10px}
.ml-hero h2{font-family:'Bebas Neue',sans-serif;font-size:32px;line-height:1.05;letter-spacing:1px;max-width:680px;margin:0;color:#fff}
.ml-hero .sub{padding:14px 22px;color:#777;font-size:13px;border-top:1px solid #ececec;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.ml-hero .sub strong{color:#222}
.ml-hero a{color:inherit;text-decoration:none}

.ml-news-list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:600px){.ml-news-list{grid-template-columns:1fr}}
.ml-news-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ececec;transition:.2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.ml-news-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:#ddd;text-decoration:none;color:inherit}
.ml-news-card .ph{height:130px;background:linear-gradient(135deg,#444,#222);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:38px;color:rgba(255,255,255,.2)}
.ml-news-card .body{padding:13px}
.ml-news-card .cat{font-size:10px;font-weight:800;color:#c8102e;text-transform:uppercase;letter-spacing:1.2px}
.ml-news-card h3{font-size:14px;font-weight:700;line-height:1.35;margin:5px 0 7px;color:#222}
.ml-news-card .when{color:#888;font-size:12px}

/* Sidebar */
.ml-side{display:flex;flex-direction:column;gap:18px}
.ml-widget{background:#fff;border-radius:8px;padding:16px;border:1px solid #ececec}
.ml-widget h4{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1.2px;color:#222;border-bottom:2px solid #c8102e;padding-bottom:7px;margin:0 0 11px;display:flex;justify-content:space-between;align-items:center}
.ml-widget h4 span{font-size:10px;color:#777;font-family:'Inter',sans-serif;letter-spacing:0;font-weight:600}

.ml-table-mini{width:100%;border-collapse:collapse;font-size:13px}
.ml-table-mini td{padding:7px 4px;border-bottom:1px solid #f0f0f2}
.ml-table-mini tr:last-child td{border-bottom:0}
.ml-table-mini td.pos{font-family:'Bebas Neue',sans-serif;font-size:15px;color:#222;width:22px}

.ml-upcoming{display:flex;flex-direction:column;gap:8px}
.ml-upc-item{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#fafafa;border-radius:6px;border:1px solid #f0f0f0}
.ml-upc-item .t{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.ml-upc-item .when{font-size:11px;color:#777;text-align:right}

/* Clasificación */
.ml-grupos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:800px){.ml-grupos{grid-template-columns:1fr}}
.ml-grupo{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ececec}
.ml-grupo header{background:#222;color:#fff;padding:11px 15px;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center}
.ml-grupo header span{font-size:11px;color:#aaa;font-family:'Inter',sans-serif;letter-spacing:0;font-weight:600}
.ml-standings{width:100%;border-collapse:collapse;font-size:13px}
.ml-standings th{background:#fafafa;text-align:center;font-size:10px;text-transform:uppercase;padding:8px 4px;color:#666;font-weight:700;border-bottom:1px solid #ececec}
.ml-standings th:nth-child(2){text-align:left}
.ml-standings td{padding:9px 4px;text-align:center;border-bottom:1px solid #f4f4f6}
.ml-standings td:nth-child(2){text-align:left;font-weight:600}
.ml-standings td.pos{font-family:'Bebas Neue',sans-serif;font-size:16px;width:28px}
.ml-standings tr.q td.pos{background:linear-gradient(90deg,#c8102e,transparent 60%);color:#fff}
.ml-standings td.pts{font-weight:800;color:#c8102e;font-size:14px}

/* Calendario */
.ml-jornada-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.ml-jornada-tabs button{background:#fff;border:1px solid #ececec;padding:7px 13px;font-weight:700;font-size:12px;cursor:pointer;border-radius:6px;transition:.2s;color:#555;font-family:inherit}
.ml-jornada-tabs button.active{background:#c8102e;color:#fff;border-color:#c8102e}
.ml-jornada-card{background:#fff;border-radius:8px;padding:14px 18px;border:1px solid #ececec;margin-bottom:11px}
.ml-jornada-card .date{color:#777;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:9px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.ml-match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:9px 0;border-top:1px solid #f4f4f6}
.ml-match-row:first-of-type{border-top:0}
.ml-match-row .home{text-align:right;font-weight:700;display:flex;justify-content:flex-end;align-items:center;gap:8px}
.ml-match-row .away{text-align:left;font-weight:700;display:flex;align-items:center;gap:8px}
.ml-match-row .res{background:#222;color:#fff;padding:5px 13px;border-radius:5px;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;min-width:70px;text-align:center}
.ml-match-row .res.live{background:#c8102e;animation:mlpulse 1.5s infinite}
.ml-match-row .res.pend{background:#fff;color:#777;border:1px solid #ececec;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:0;font-weight:700}
@keyframes mlpulse{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.5)}50%{box-shadow:0 0 0 8px rgba(200,16,46,0)}}

/* Equipos */
.ml-grupo-titulo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1.5px;margin:24px 0 12px;color:#222;border-left:4px solid #c8102e;padding-left:10px}
.ml-grupo-titulo:first-child{margin-top:0}
.ml-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ml-team-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ececec;transition:.2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.ml-team-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.07);text-decoration:none;color:inherit}
.ml-team-card .top{padding:16px;text-align:center;background:linear-gradient(135deg,#222,#3a3a3d);color:#fff}
.ml-team-card .top .flag{font-size:46px;margin-bottom:5px;display:block;line-height:1}
.ml-team-card .top h3{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:1px;margin:0;color:#fff}
.ml-team-card .top .grupo-tag{display:inline-block;font-size:9px;background:#c8102e;padding:2px 7px;border-radius:3px;margin-top:6px;letter-spacing:1px;font-weight:700}
.ml-team-card .body{padding:9px;text-align:center;font-size:11px;color:#777;border-top:3px solid #c8102e}

/* Estadísticas */
.ml-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:800px){.ml-stats-grid{grid-template-columns:1fr}}
.ml-empty-state{text-align:center;padding:28px 18px;color:#888}
.ml-empty-state .ico{font-size:42px;opacity:.3;margin-bottom:6px}
.ml-empty-state h3{color:#222;margin:0 0 5px;font-size:15px}
.ml-empty-state small{display:block;margin-top:6px;font-size:12px}
.ml-player-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f4f4f6}
.ml-player-row:last-child{border-bottom:0}
.ml-player-row .num{font-family:'Bebas Neue',sans-serif;font-size:20px;color:#c8102e;width:26px;text-align:center}
.ml-player-row .info{flex:1}
.ml-player-row .info b{display:block;font-size:14px;color:#222}
.ml-player-row .info small{color:#777;font-size:12px}
.ml-player-row .val{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#222;min-width:36px;text-align:right}

/* Noticias */
.ml-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ml-news-grid .ml-news-card .ph{height:160px}

/* Info Box */
.ml-info-box{background:linear-gradient(135deg,#c8102e,#8b0a1f);color:#fff;border-radius:8px;padding:20px;margin-bottom:18px}
.ml-info-box h2{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1.5px;margin:0 0 6px;color:#fff}
.ml-info-box p{font-size:13px;opacity:.95;max-width:760px;margin:0;color:#fff}
.ml-premios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px;margin-top:14px}
.ml-premio{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:13px;text-align:center}
.ml-premio .ico{font-size:28px;margin-bottom:5px}
.ml-premio b{display:block;font-size:13px;color:#fff}
.ml-premio small{opacity:.8;font-size:11px;color:#fff}

/* Aviso admin si faltan datos */
.ml-admin-notice{background:#fffbe6;border:1px solid #f5d97c;color:#8a6d00;padding:10px 14px;font-size:13px;border-radius:6px;margin:14px 0}

/* Switcher de grupos en el sidebar */
.ml-grupo-switcher h4{justify-content:space-between}
.ml-grupo-switcher .ml-grupo-nav{display:inline-flex;align-items:center;gap:8px;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1.2px;color:#222}
.ml-grupo-switcher .ml-grupo-prev,
.ml-grupo-switcher .ml-grupo-next{
    background:transparent;border:0;color:#c8102e;font-size:24px;
    cursor:pointer;padding:0 4px;line-height:1;font-family:'Bebas Neue',sans-serif;
    transition:transform .15s ease;
}
.ml-grupo-switcher .ml-grupo-prev:hover,
.ml-grupo-switcher .ml-grupo-next:hover{transform:scale(1.25)}
.ml-grupo-switcher .ml-grupo-letra{display:inline-block;min-width:18px;text-align:center;color:#c8102e}

/* Mostrar solo la tabla activa - ¡importante el !important para ganar a Pixwell! */
.ml-grupo-switcher .ml-grupo-tabla{display:none !important}
.ml-grupo-switcher .ml-grupo-tabla.active{display:table !important}

/* Filas de ranking de equipos (mismo estilo que jugadores) */
.ml-stats-grid .ml-widget .ml-player-row{padding:9px 0}

/* Tabla de sanciones */
.ml-sanciones-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.ml-sanciones-table th{background:#fafafa;text-align:center;font-size:10px;text-transform:uppercase;padding:7px 4px;color:#666;font-weight:700;border-bottom:1px solid #ececec}
.ml-sanciones-table th:nth-child(2){text-align:left}
.ml-sanciones-table td{padding:8px 4px;text-align:center;border-bottom:1px solid #f4f4f6}
.ml-sanciones-table td:nth-child(2){text-align:left;font-weight:600}
.ml-sanciones-table td.am{color:#d4a900;font-weight:700}
.ml-sanciones-table td.rj{color:#c8102e;font-weight:700}
.ml-sanciones-table td.num{font-family:'Bebas Neue',sans-serif;font-size:15px;color:#222;width:24px}

/* Mini-dashboard "El torneo en cifras" */
.ml-cifras{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.ml-cifra{background:#fafafa;border-radius:6px;padding:14px 10px;text-align:center;border:1px solid #f0f0f0}
.ml-cifra .num{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#c8102e;line-height:1;display:block}
.ml-cifra .lbl{font-size:10px;text-transform:uppercase;color:#777;letter-spacing:.5px;margin-top:6px;display:block;font-weight:700}
.ml-cifra-wide{grid-column:1/-1;background:linear-gradient(135deg,#222,#3a3a3d)}
.ml-cifra-wide .num{color:#F5C518}
.ml-cifra-wide .lbl{color:#bbb}