:root{
  --mcp-bg:#0b1220;
  --mcp-card:#121a2b;
  --mcp-accent:#2dd4bf;
  --mcp-accent-2:#60a5fa;
  --mcp-text:#e5e7eb;
  --mcp-muted:#9ca3af;
  --mcp-success:#22c55e;
  --mcp-warning:#f59e0b;
  --mcp-danger:#ef4444;

  --mcp-radius:16px;

  /* Tipografías */
  --mcp-font-display: "Bebas Neue", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --mcp-font-body: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

html,body{
  margin:0;padding:0;
  background:var(--mcp-bg);
  color:var(--mcp-text);
  font-family:var(--mcp-font-body);
  line-height:1.5;
}

/* Titulares deportivos */
h1,h2,h3,.heading{font-family:var(--mcp-font-display); letter-spacing:.3px}

/* Botón base y variantes */
.btn{display:inline-block;padding:12px 18px;border-radius:999px;
  background:linear-gradient(135deg,var(--mcp-accent),var(--mcp-accent-2));
  color:#0b1220;font-weight:700;transition:transform .1s}
.btn:hover{transform:translateY(-1px)}

.btn--success{background:var(--mcp-success); color:#051016}
.btn--warning{background:var(--mcp-warning); color:#0b1220}
.btn--danger{background:var(--mcp-danger); color:#0b1220}

/* Enlaces */
a{color:var(--mcp-accent);text-decoration:none}
a:hover{text-decoration:underline}

/* === MyClubPilot Blocks === */
.mcp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0f172a;border:1px solid #1f2937;font-size:12px}
.mcp-match-card{display:flex;flex-direction:column;gap:12px}
.mcp-match-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mcp-datetime{color:var(--mcp-muted);font-size:14px}
.mcp-match-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.mcp-team{display:flex;align-items:center;justify-content:space-between;background:#0b1630;padding:12px 16px;border-radius:12px;border:1px solid #1f2937}
.mcp-team-name{font-weight:700}
.mcp-team-score{font-weight:800;font-size:20px}
.mcp-vs{padding:0 8px;opacity:.8}
.mcp-match-footer{text-align:right}
@media (max-width:640px){
  .mcp-match-body{grid-template-columns:1fr}
  .mcp-vs{display:none}
}

/* assets/css/main.css — estilos mínimos del ranking */
.mcp-ranking-title{margin:0 0 10px;font-size:20px}
.mcp-ranking .table{width:100%;border-collapse:collapse}
.mcp-ranking .table th,.mcp-ranking .table td{padding:10px 12px;border-bottom:1px solid #1f2937;text-align:left}
.mcp-ranking .badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#0f172a;border:1px solid #1f2937;font-size:12px}

/* Opcional: estilos rápidos por rol (assets/css/main.css) */
body.role-entrenador .header { border-bottom: 2px solid var(--mcp-accent-2); }
body.role-junta .header { border-bottom: 2px solid var(--mcp-accent); }

/* assets/css/main.css — añade estos estilos */
.mcp-meta table.table th{color:var(--mcp-muted);font-weight:600}
.mcp-meta table.table td{color:var(--mcp-text)}
.mcp-terms .badge a{color:var(--mcp-accent);}

/* Ajustes cards de archivos CPT */
.archive .card h3{margin:8px 0 6px}
.archive .card .excerpt{font-size:14px}

/* === MyClubPilot · Pulido UI para shortcodes amg_* === */
/* Aplica dentro de las páginas del tema (card + entry) para no ensuciar todo el site */
.page .card .entry {
  --mcp-field-bg: #0b1630;
  --mcp-field-bd: #1f2937;
  --mcp-field-tx: var(--mcp-text);
}

/* 1) Tablas (ranking, listados, etc.) */
.page .card .entry table {
  width: 100%;
  border-collapse: collapse;
  background: var(--mcp-card);
  border: 1px solid var(--mcp-field-bd);
  border-radius: 12px;
  overflow: hidden;
}
.page .card .entry thead th {
  background: var(--mcp-field-bg);
  border-bottom: 1px solid var(--mcp-field-bd);
  font-weight: 700;
  text-align: left;
  padding: 12px 14px;
}
.page .card .entry tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--mcp-field-bd);
}
.page .card .entry tbody tr:hover {
  background: rgba(255,255,255,.03);
}

/* 2) Formularios (selectores Mes/Año, filtros, etc.) */
.page .card .entry form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  align-items: end;
  margin: 12px 0 16px;
}
.page .card .entry label {
  font-size: 12px;
  color: var(--mcp-muted);
  display: block;
  margin-bottom: 6px;
}
.page .card .entry input[type="text"],
.page .card .entry input[type="number"],
.page .card .entry input[type="date"],
.page .card .entry select,
.page .card .entry textarea {
  width: 100%;
  background: var(--mcp-field-bg);
  color: var(--mcp-field-tx);
  border: 1px solid var(--mcp-field-bd);
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
}
.page .card .entry textarea { min-height: 120px; }

/* 3) Botones del formulario y acciones */
.page .card .entry input[type="submit"],
.page .card .entry button,
.page .card .entry .button,
.page .card .entry .btn-primary {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  border: 0;
  background: linear-gradient(135deg, var(--mcp-accent), var(--mcp-accent-2));
  color: #0b1220;
  font-weight: 700;
  cursor: pointer;
}
.page .card .entry input[type="submit"]:hover,
.page .card .entry button:hover,
.page .card .entry .button:hover,
.page .card .entry .btn-primary:hover {
  transform: translateY(-1px);
}

/* Variante outline (por si el shortcode usa <a class="button"> etc.) */
.page .card .entry .btn-outline,
.page .card .entry a.button.outline {
  background: transparent;
  color: var(--mcp-text);
  border: 1px solid var(--mcp-field-bd);
}

/* 4) Avisos / badges genéricos que suelen salir en shortcodes */
.page .card .entry .notice,
.page .card .entry .alert {
  border-left: 4px solid var(--mcp-accent);
  background: #0b1630;
  padding: 12px 14px;
  border-radius: 10px;
  margin: 10px 0;
}
.page .card .entry .badge,
.page .card .entry .tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #0f172a;
  border: 1px solid var(--mcp-field-bd);
  font-size: 12px;
  color: var(--mcp-text);
}

/* 5) Paginación típica de shortcodes (nav-links) */
.page .card .entry .nav-links a,
.page .card .entry .pagination a,
.page .card .entry .page-numbers {
  display: inline-block;
  padding: 6px 10px;
  margin-right: 6px;
  border: 1px solid var(--mcp-field-bd);
  border-radius: 8px;
  text-decoration: none;
  color: var(--mcp-text);
}
.page .card .entry .page-numbers.current {
  background: var(--mcp-accent);
  color: #0b1220;
  border-color: var(--mcp-accent);
}

/* 6) Quitar fecha/meta en páginas (como “Ranking de asistencia”) */
.page .card .meta,
.page .card time {
  display: none !important;
}