/* ═══════════════════════════════════════════════════
   TORNEO GUADALUPE 2026 — Design System v3
   Moderno, limpio, responsive
═══════════════════════════════════════════════════ */
:root {
  --rojo:       #c0000d;
  --rojo-dark:  #900009;
  --rojo-light: #fff0f0;
  --verde:      #16a34a;
  --verde-dark: #14532d;
  --verde-light:#f0fdf4;
  --negro:      #0f0f0f;
  --gris-900:   #111827;
  --gris-800:   #1f2937;
  --gris-600:   #4b5563;
  --gris-400:   #9ca3af;
  --gris-200:   #e5e7eb;
  --gris-100:   #f3f4f6;
  --gris-50:    #f9fafb;
  --blanco:     #ffffff;
  --oro:        #f59e0b;
  --plata:      #94a3b8;
  --bronce:     #b45309;
  --sombra-sm:  0 1px 3px rgba(0,0,0,.08);
  --sombra:     0 4px 12px rgba(0,0,0,.10);
  --sombra-lg:  0 12px 32px rgba(0,0,0,.14);
  --radio:      14px;
  --radio-sm:   8px;
  --radio-xs:   6px;
  --fuente:     -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* ── Reset ── */
.tf-wrap*,.tf-login-wrap*{box-sizing:border-box;margin:0;padding:0}
.tf-wrap{font-family:var(--fuente);color:var(--gris-800);background:#fff!important;padding:0 0 60px;width:100%!important;max-width:100%!important}

/* ══════════════════════════════════════════════════
   LAYOUT
══════════════════════════════════════════════════ */
.tf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.tf-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.tf-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.tf-grid-2sm{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ══════════════════════════════════════════════════
   CARDS
══════════════════════════════════════════════════ */
.tf-card{background:#fff;border:1.5px solid var(--gris-200);border-radius:var(--radio);padding:24px;box-shadow:var(--sombra-sm);margin-bottom:20px}
.tf-card__titulo{font-size:15px;font-weight:800;color:var(--gris-900);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--gris-100);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}

/* ══════════════════════════════════════════════════
   STAT CARDS (números grandes)
══════════════════════════════════════════════════ */
.tf-stat-card{background:#fff;border:1.5px solid var(--gris-200);border-radius:var(--radio);padding:20px 24px;box-shadow:var(--sombra-sm);display:flex;align-items:center;gap:16px}
.tf-stat-card__icon{font-size:36px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}
.tf-stat-card__icon--rojo{background:var(--rojo-light)}
.tf-stat-card__icon--verde{background:var(--verde-light)}
.tf-stat-card__icon--oro{background:#fffbeb}
.tf-stat-card__icon--gris{background:var(--gris-100)}
.tf-stat-card__num{font-size:32px;font-weight:900;color:var(--gris-900);line-height:1}
.tf-stat-card__lbl{font-size:12px;color:var(--gris-400);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:3px}

/* ══════════════════════════════════════════════════
   HEADER ADMIN
══════════════════════════════════════════════════ */
.tf-admin-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px;border-bottom:3px solid var(--rojo);margin-bottom:28px;flex-wrap:wrap;gap:12px;background:#fff!important}
.tf-header-left{display:flex;align-items:center;gap:16px}
.tf-header__icon{font-size:44px;line-height:1}
.tf-header__titulo{font-size:26px;font-weight:900;color:var(--gris-900)!important;letter-spacing:-1px}
.tf-header__sub{font-size:13px;color:var(--gris-400)!important;margin-top:2px}

/* ══════════════════════════════════════════════════
   TABS
══════════════════════════════════════════════════ */
.tf-tabs{display:flex;gap:4px;background:var(--gris-100);padding:4px;border-radius:10px;width:fit-content;margin-bottom:24px;flex-wrap:wrap}
.tf-tab{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;color:var(--gris-600)!important;transition:all .15s;white-space:nowrap}
.tf-tab:hover{color:var(--gris-900)!important}
.tf-tab--activo{background:#fff;color:var(--rojo)!important;box-shadow:var(--sombra-sm)}

/* ══════════════════════════════════════════════════
   BOTONES
══════════════════════════════════════════════════ */
.tf-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radio-sm);font-size:14px;font-weight:700;font-family:var(--fuente);cursor:pointer;text-decoration:none;border:none;transition:all .15s;line-height:1.2;white-space:nowrap}
.tf-btn--primario{background:var(--rojo);color:#fff!important}
.tf-btn--primario:hover{background:var(--rojo-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(192,0,13,.35)}
.tf-btn--verde{background:var(--verde);color:#fff!important}
.tf-btn--verde:hover{background:var(--verde-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(22,163,74,.3)}
.tf-btn--ghost{background:transparent;color:var(--gris-600)!important;border:1.5px solid var(--gris-200)}
.tf-btn--ghost:hover{background:var(--gris-100);border-color:var(--gris-400)}
.tf-btn--sm{padding:7px 14px;font-size:12px}
.tf-btn--lg{padding:14px 32px;font-size:16px;border-radius:10px}
.tf-btn--xl{padding:18px 40px;font-size:18px;border-radius:12px;width:100%;justify-content:center}
.tf-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radio-xs);text-decoration:none;font-size:15px;background:var(--gris-100);border:1px solid var(--gris-200);transition:all .15s;cursor:pointer}
.tf-btn-icon:hover{background:var(--gris-200);transform:scale(1.05)}
.tf-btn-icon--danger:hover{background:var(--rojo-light);border-color:#fca5a5}
.tf-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* ══════════════════════════════════════════════════
   FORMULARIOS
══════════════════════════════════════════════════ */
.tf-campo{margin-bottom:16px}
.tf-campo label,.tf-campo-label{display:block;font-size:11px;font-weight:800;color:var(--gris-600)!important;margin-bottom:6px;text-transform:uppercase;letter-spacing:.7px}
.tf-campo input[type="text"],
.tf-campo input[type="number"],
.tf-campo input[type="datetime-local"],
.tf-campo input[type="password"],
.tf-campo select{width:100%;padding:11px 14px;border:1.5px solid var(--gris-200);border-radius:var(--radio-xs);font-size:14px;font-family:var(--fuente);color:var(--gris-900)!important;background:#fff!important;transition:border-color .15s,box-shadow .15s}
.tf-campo input:focus,.tf-campo select:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 3px rgba(192,0,13,.12)}
.tf-radio-group{display:flex;gap:10px;flex-wrap:wrap}
.tf-radio{display:flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid var(--gris-200);border-radius:var(--radio-xs);cursor:pointer;font-size:14px;font-weight:700;transition:all .15s;color:var(--gris-600)!important}
.tf-radio:has(input:checked){border-color:var(--rojo);background:var(--rojo-light);color:var(--rojo)!important}
.tf-radio input{margin:0}
.tf-evento-tipos{display:flex;gap:8px;flex-wrap:wrap}
.tf-etipo{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px solid var(--gris-200);border-radius:var(--radio-xs);cursor:pointer;font-size:14px;font-weight:700;transition:all .15s;color:var(--gris-700)!important}
.tf-etipo:has(input:checked){border-color:var(--rojo);background:var(--rojo-light)}
.tf-etipo input{margin:0}

/* ══════════════════════════════════════════════════
   ALERTAS
══════════════════════════════════════════════════ */
.tf-alerta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radio-sm);font-size:14px;font-weight:600;margin-bottom:20px;border-left:4px solid}
.tf-alerta__icono{font-size:20px;font-weight:900;flex-shrink:0}
.tf-alerta--exito{background:#f0fdf4;border-color:var(--verde);color:#166534!important}
.tf-alerta--error{background:#fff0f0;border-color:var(--rojo);color:var(--rojo)!important}
.tf-alerta--aviso{background:#fffbeb;border-color:var(--oro);color:#92400e!important}
.tf-alerta--info{background:#eff6ff;border-color:#3b82f6;color:#1e40af!important}

/* ══════════════════════════════════════════════════
   BADGES
══════════════════════════════════════════════════ */
.tf-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.tf-badge--pendiente{background:#fffbeb;color:#92400e}
.tf-badge--jugado{background:#f0fdf4;color:#166534}
.tf-badge--cancelado{background:var(--gris-100);color:var(--gris-400)}
.tf-badge--count{background:var(--gris-100);color:var(--gris-600);font-size:12px}
.tf-grupo-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.5px}
.tf-grupo--a{background:#dbeafe;color:#1e40af}
.tf-grupo--b{background:#fce7f3;color:#9d174d}

/* ══════════════════════════════════════════════════
   AVATAR
══════════════════════════════════════════════════ */
.tf-av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;color:#fff;flex-shrink:0;letter-spacing:-.5px;background:linear-gradient(135deg,var(--rojo),var(--rojo-dark))}
.tf-av--xs{width:28px;height:28px;font-size:10px}
.tf-av--sm{width:36px;height:36px;font-size:13px}
.tf-av--md{width:48px;height:48px;font-size:17px}
.tf-av--lg{width:60px;height:60px;font-size:22px}
.tf-av--xl{width:80px;height:80px;font-size:29px}
.tf-av--azul{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.tf-av--verde{background:linear-gradient(135deg,var(--verde),var(--verde-dark))}

/* ══════════════════════════════════════════════════
   LISTAS ADMIN
══════════════════════════════════════════════════ */
.tf-lista{display:flex;flex-direction:column;gap:8px}
.tf-lista-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--gris-50)!important;border-radius:var(--radio-sm);border:1.5px solid var(--gris-200)}
.tf-lista-item:hover{border-color:var(--gris-400);background:#fff!important}
.tf-lista-item__info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--gris-800)!important}
.tf-lista-item__info strong{color:var(--gris-900)!important}
.tf-lista-item__acciones{display:flex;gap:6px;flex-shrink:0}

/* ══════════════════════════════════════════════════
   JUGADORES
══════════════════════════════════════════════════ */
.tf-equipo-seccion{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--gris-100)}
.tf-equipo-seccion:last-child{border-bottom:none}
.tf-equipo-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:var(--gris-800)!important}
.tf-jugadores-lista{display:flex;flex-direction:column;gap:4px}
.tf-jugador-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--gris-50)!important;border-radius:var(--radio-xs);border:1px solid var(--gris-200);color:var(--gris-800)!important}
.tf-jugador-nombre{flex:1;font-size:13px;font-weight:600;color:var(--gris-800)!important}
.tf-jugador-stats{display:flex;gap:6px;font-size:13px;font-weight:700;margin-left:auto;flex-shrink:0}
.tf-camiseta{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;background:var(--rojo);color:#fff;font-size:11px;font-weight:800;border-radius:4px;padding:0 5px}

/* ══════════════════════════════════════════════════
   FILTROS
══════════════════════════════════════════════════ */
.tf-filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.tf-filtros select{padding:8px 12px;border:1.5px solid var(--gris-200);border-radius:var(--radio-xs);font-size:13px;font-family:var(--fuente);color:var(--gris-800)!important;background:#fff!important;cursor:pointer}
.tf-filtros--pub{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px;background:var(--gris-50)!important;border-radius:var(--radio-sm);border:1.5px solid var(--gris-200);margin-bottom:28px}
.tf-filtro-btn{display:inline-flex;align-items:center;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;color:var(--gris-600)!important;background:#fff!important;border:1.5px solid var(--gris-200);transition:all .15s}
.tf-filtro-btn:hover,.tf-filtro-btn.on{background:var(--rojo)!important;color:#fff!important;border-color:var(--rojo)}

/* ══════════════════════════════════════════════════
   PARTIDO ITEM (admin)
══════════════════════════════════════════════════ */
.tf-fecha-grupo{margin-bottom:18px}
.tf-fecha-titulo{font-size:11px;font-weight:800;color:var(--gris-600)!important;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding:6px 0;border-bottom:2px dashed var(--gris-200)}
.tf-partido-item{background:var(--gris-50)!important;border:1.5px solid var(--gris-200);border-radius:var(--radio-sm);padding:12px 14px;margin-bottom:6px;transition:all .15s}
.tf-partido-item:hover{border-color:var(--rojo);box-shadow:var(--sombra-sm)}
.tf-partido-item__nombres{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:8px;flex-wrap:wrap;color:var(--gris-900)!important}
.tf-partido-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tf-vs{font-size:10px;color:var(--gris-400);font-weight:800;text-transform:uppercase;background:var(--gris-100);padding:2px 8px;border-radius:4px}
.tf-marcador-mini{background:var(--rojo);color:#fff;font-weight:900;font-size:13px;padding:3px 10px;border-radius:6px}
.tf-hora{font-size:11px;color:var(--gris-400)!important;font-weight:600}

/* Marcador campos */
.tf-marcador-campos{background:var(--verde-light);border:1.5px solid #bbf7d0;border-radius:var(--radio-sm);padding:16px;margin-bottom:16px}

/* ══════════════════════════════════════════════════
   PROGRESO
══════════════════════════════════════════════════ */
.tf-card--progreso{padding:16px 24px;margin-bottom:20px;background:linear-gradient(135deg,var(--gris-900),var(--gris-800))!important;border-color:transparent!important}
.tf-progreso-info{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px;color:rgba(255,255,255,.6)!important}
.tf-progreso-info strong{color:#fff!important}
.tf-progreso-barra{height:10px;background:rgba(255,255,255,.15);border-radius:5px;overflow:hidden}
.tf-progreso-fill{height:100%;background:linear-gradient(90deg,var(--rojo),#ff4d5a);border-radius:5px;transition:width .6s ease}

/* ══════════════════════════════════════════════════
   SECCIÓN TÍTULO (público)
══════════════════════════════════════════════════ */
.tf-sec-titulo{display:flex;align-items:center;gap:12px;margin:32px 0 16px}
.tf-sec-titulo h2{font-size:20px;font-weight:900;color:var(--gris-900)!important;letter-spacing:-.5px}
.tf-sec-line{flex:1;height:2px;background:var(--gris-200)}

/* ══════════════════════════════════════════════════
   CALENDARIO PÚBLICO - Cards partidos
══════════════════════════════════════════════════ */
.tf-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-bottom:12px}
.tf-partido-card{background:#fff!important;border:1.5px solid var(--gris-200);border-radius:var(--radio);padding:20px;box-shadow:var(--sombra-sm);transition:all .2s}
.tf-partido-card:hover{transform:translateY(-3px);box-shadow:var(--sombra-lg);border-color:var(--rojo)}
.tf-partido-card--jugado{border-top:4px solid var(--verde)}
.tf-partido-card--pendiente{border-top:4px solid var(--oro)}
.tf-partido-card--cancelado{border-top:4px solid var(--gris-400);opacity:.7}
.tf-pc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:6px}
.tf-pc-vs{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tf-eq-lado{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center}
.tf-eq-lado__nom{font-size:12px;font-weight:800;color:var(--gris-900)!important;line-height:1.2}
.tf-pc-score{display:flex;align-items:center;gap:6px;flex-shrink:0}
.tf-score{font-size:34px;font-weight:900;color:var(--gris-900)!important;line-height:1;min-width:28px;text-align:center}
.tf-score-sep{font-size:22px;color:var(--gris-400);font-weight:300}
.tf-score-pend{font-size:18px;font-weight:900;color:var(--gris-400);padding:0 4px}
.tf-ganador .tf-av{box-shadow:0 0 0 3px var(--oro);background:linear-gradient(135deg,var(--oro),#d97706)!important}
.tf-ganador .tf-eq-lado__nom{color:var(--verde-dark)!important}
.tf-corona{font-size:16px}
.tf-empate-tag{text-align:center;font-size:12px;font-weight:700;color:var(--gris-600)!important;margin-top:12px;padding-top:10px;border-top:1px solid var(--gris-100)}

/* ══════════════════════════════════════════════════
   TABLA DE POSICIONES
══════════════════════════════════════════════════ */
.tf-tabla-leyenda{display:flex;gap:16px;font-size:12px;color:var(--gris-600)!important;margin-bottom:20px;flex-wrap:wrap}
.tf-tabla-scroll{overflow-x:auto;border-radius:var(--radio);box-shadow:var(--sombra)}
.tf-tabla{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.tf-tabla thead{background:var(--gris-900)}
.tf-tabla thead th{padding:13px 14px;text-align:center;font-size:11px;font-weight:800;color:var(--gris-100)!important;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}
.tf-th-equipo{text-align:left!important}
.tf-th-pts{background:rgba(192,0,13,.3)!important}
.tf-tabla tbody tr{border-bottom:1px solid var(--gris-100);transition:background .1s}
.tf-tabla tbody tr:hover{background:var(--gris-50)!important}
.tf-tabla tbody td{padding:11px 14px;text-align:center;color:var(--gris-800)!important;font-weight:600}
.tf-td-pos{font-size:18px;width:44px}
.tf-td-equipo{text-align:left!important;display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--gris-900)!important}
.tf-td-pts{font-size:17px;font-weight:900;color:var(--rojo)!important}
.tf-fila--1{background:linear-gradient(90deg,#fffbeb,#fff)!important}
.tf-fila--2{background:linear-gradient(90deg,#f0fdf4,#fff)!important}
.tf-dg-pos{color:var(--verde-dark)!important;font-weight:800}
.tf-dg-neg{color:var(--rojo)!important;font-weight:800}

/* ══════════════════════════════════════════════════
   EQUIPOS PÚBLICO
══════════════════════════════════════════════════ */
.tf-eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:28px}
.tf-eq-card{background:#fff!important;border:1.5px solid var(--gris-200);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra-sm);transition:all .2s}
.tf-eq-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-lg)}
.tf-eq-card__head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px 20px}
.tf-gb--a{background:linear-gradient(135deg,#1d4ed8,#1e40af)}
.tf-gb--b{background:linear-gradient(135deg,#9d174d,#be185d)}
.tf-eq-card__nom{font-size:18px;font-weight:900;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.2)}
.tf-eq-card__g{font-size:11px;color:rgba(255,255,255,.7)!important;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.tf-eq-stats{display:flex;justify-content:space-around;flex-wrap:wrap;padding:14px 16px;background:var(--gris-50)!important;border-bottom:1px solid var(--gris-200)}
.tf-mini-stat{text-align:center;padding:4px 8px}
.tf-mini-stat__val{display:block;font-size:20px;font-weight:900;color:var(--gris-900)!important;line-height:1}
.tf-mini-stat__lbl{display:block;font-size:10px;color:var(--gris-400)!important;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:2px}
.tf-plantel{padding:16px 20px}
.tf-plantel-titulo{font-size:11px;font-weight:800;color:var(--gris-600)!important;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.tf-plantel-lista{list-style:none;display:flex;flex-direction:column;gap:4px}
.tf-plantel-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 10px;border-radius:6px;background:var(--gris-50)!important;color:var(--gris-800)!important}
.tf-plantel-nombre{flex:1;font-weight:600;color:var(--gris-800)!important}
.tf-plantel-stats{font-size:12px;color:var(--gris-600)!important;display:flex;gap:4px;font-weight:700;margin-left:auto}

/* ══════════════════════════════════════════════════
   GOLEADORES & ESTADÍSTICAS
══════════════════════════════════════════════════ */
.tf-ranking-lista{display:flex;flex-direction:column;gap:8px}
.tf-ranking-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff!important;border:1.5px solid var(--gris-200);border-radius:var(--radio-sm);transition:all .15s}
.tf-ranking-item:hover{border-color:var(--rojo);box-shadow:var(--sombra-sm)}
.tf-rank-pos{font-size:20px;font-weight:900;width:36px;text-align:center;flex-shrink:0}
.tf-rank-pos--1{color:var(--oro)}
.tf-rank-pos--2{color:var(--plata)}
.tf-rank-pos--3{color:var(--bronce)}
.tf-rank-info{flex:1}
.tf-rank-nombre{font-size:14px;font-weight:800;color:var(--gris-900)!important}
.tf-rank-equipo{font-size:12px;color:var(--gris-400)!important;font-weight:600;margin-top:2px}
.tf-rank-val{font-size:28px;font-weight:900;color:var(--rojo);flex-shrink:0}
.tf-rank-val--amarilla{color:var(--oro)}
.tf-rank-val--roja{color:var(--rojo)}
.tf-rank-val--azul{color:#3b82f6}

/* ══════════════════════════════════════════════════
   MALLA VENCIDA / BRACKET
══════════════════════════════════════════════════ */
.tf-bracket{padding:8px 0 20px}
.tf-bracket-row{display:flex;gap:12px;align-items:stretch;margin-bottom:20px}
.tf-bracket-col{display:flex;flex-direction:column;gap:12px;flex:1}
.tf-bracket-col--center{flex:0 0 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.tf-bracket-match{background:#fff!important;border:2px solid var(--gris-200);border-radius:var(--radio-sm);overflow:hidden;box-shadow:var(--sombra-sm)}
.tf-bracket-match--semifinal{border-color:var(--rojo)}
.tf-bracket-match--final{border-color:var(--oro);box-shadow:0 4px 20px rgba(245,158,11,.2)}
.tf-bracket-match--tercer{border-color:var(--bronce)}
.tf-bracket-match__label{background:var(--gris-900);color:#fff!important;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:center}
.tf-bracket-match__label--final{background:linear-gradient(90deg,var(--oro),#d97706)}
.tf-bracket-match__label--tercer{background:linear-gradient(90deg,var(--bronce),#92400e)}
.tf-bracket-team{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--gris-100)}
.tf-bracket-team:last-child{border-bottom:none}
.tf-bracket-team__nom{flex:1;font-size:13px;font-weight:700;color:var(--gris-900)!important}
.tf-bracket-team__score{font-size:16px;font-weight:900;color:var(--gris-800)!important;width:28px;text-align:center}
.tf-bracket-team--tbd .tf-bracket-team__nom{color:var(--gris-400)!important;font-style:italic}
.tf-bracket-team--winner{background:var(--verde-light)}
.tf-bracket-team--winner .tf-bracket-team__nom{color:var(--verde-dark)!important}
.tf-bracket-arrow{font-size:28px;color:var(--gris-400);text-align:center}
.tf-bracket-trofeo{font-size:48px;text-align:center;line-height:1}

/* ══════════════════════════════════════════════════
   LOGIN
══════════════════════════════════════════════════ */
.tf-login-wrap{display:flex;align-items:center;justify-content:center;min-height:65vh;background:var(--gris-50)!important;padding:40px 20px}
.tf-login-box{background:#fff!important;border:1.5px solid var(--gris-200);border-radius:var(--radio);padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:var(--sombra-lg)}
.tf-login-logo{font-size:60px;margin-bottom:16px;line-height:1}
.tf-login-titulo{font-size:22px;font-weight:900;color:var(--gris-900)!important;margin-bottom:4px}
.tf-login-sub{font-size:13px;color:var(--gris-400)!important;margin-bottom:28px}
.tf-login-error{background:var(--rojo-light);color:var(--rojo)!important;padding:10px 16px;border-radius:var(--radio-xs);font-size:13px;font-weight:700;margin-bottom:20px;border:1px solid #fca5a5}
.tf-login-input{width:100%;padding:14px 16px;border:1.5px solid var(--gris-200);border-radius:var(--radio-xs);font-size:16px;margin-bottom:14px;text-align:center;letter-spacing:4px;color:var(--gris-900)!important;background:#fff!important;font-family:var(--fuente)}
.tf-login-input:focus{outline:none;border-color:var(--rojo);box-shadow:0 0 0 3px rgba(192,0,13,.12)}
.tf-login-btn{width:100%;padding:14px;background:var(--rojo);color:#fff!important;font-size:15px;font-weight:800;border:none;border-radius:var(--radio-xs);cursor:pointer;transition:all .15s;font-family:var(--fuente)}
.tf-login-btn:hover{background:var(--rojo-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(192,0,13,.35)}

/* ══════════════════════════════════════════════════
   EVENTOS (goles/tarjetas por partido)
══════════════════════════════════════════════════ */
.tf-card--eventos{margin-bottom:28px}
.tf-eventos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.tf-eventos-match{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tf-eventos-team{font-size:16px;font-weight:900;color:var(--gris-900)!important}
.tf-eventos-vs{font-size:22px;font-weight:900;color:#fff!important;background:var(--gris-900);padding:4px 16px;border-radius:8px}
.tf-eventos-lista{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}
.tf-evento-item{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--gris-50)!important;border-radius:var(--radio-xs);border:1px solid var(--gris-200)}
.tf-evento-icono{font-size:22px;flex-shrink:0}
.tf-evento-info{flex:1}
.tf-evento-info strong{display:block;font-size:13px;color:var(--gris-900)!important;font-weight:800}
.tf-evento-info span{font-size:12px;color:var(--gris-400)!important;font-weight:600}

/* ══════════════════════════════════════════════════
   CARGA PARTIDOS
══════════════════════════════════════════════════ */
.tf-card--carga{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px;border-left:4px solid var(--verde);padding:20px 24px;background:var(--verde-light)!important;border-color:var(--verde)!important}
.tf-card--carga-reset{border-left-color:var(--oro);background:#fffbeb!important;border-color:var(--oro)!important}
.tf-carga-info{display:flex;align-items:center;gap:16px;flex:1}
.tf-carga-icon{font-size:36px;flex-shrink:0}
.tf-carga-info strong{display:block;font-size:15px;font-weight:900;color:var(--gris-900)!important}
.tf-carga-info p{font-size:13px;color:var(--gris-600)!important;margin-top:3px}

/* ══════════════════════════════════════════════════
   VACÍOS
══════════════════════════════════════════════════ */
.tf-vacio{text-align:center;color:var(--gris-400)!important;font-size:14px;padding:24px 0;font-weight:600}
.tf-vacio-grande{text-align:center;padding:60px 20px;color:var(--gris-400)!important}
.tf-vacio-grande__icon{font-size:64px;margin-bottom:12px}
.tf-sancion{color:var(--rojo)!important}

/* ══════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════ */
@media(max-width:900px){
  .tf-grid-2,.tf-grid-3,.tf-grid-4{grid-template-columns:1fr}
  .tf-grid-2sm{grid-template-columns:1fr}
  .tf-bracket-row{flex-direction:column}
  .tf-bracket-col--center{flex-direction:row;justify-content:center}
}
@media(max-width:600px){
  .tf-admin-header{flex-direction:column;align-items:flex-start}
  .tf-tabs{width:100%}
  .tf-tab{flex:1;text-align:center;padding:8px 10px;font-size:12px}
  .tf-btn--xl{padding:14px 24px;font-size:15px}
  .tf-eq-grid,.tf-cards-grid{grid-template-columns:1fr}
  .tf-score{font-size:26px}
  .tf-header__titulo{font-size:20px}
}

/* ── Capitán en card de equipo ────────────────────────────────── */
.tf-eq-capitan{font-size:11px;color:rgba(255,255,255,.65)!important;font-weight:700;letter-spacing:.3px;margin-top:2px;text-align:center;padding:0 12px}