:root {
  --cesped: #123822;
  --noche: #07140e;
  --crema: #f3ead6;
  --ladrillo: #b33a2b;
  --linea: #c9b896;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Georgia, "Times New Roman", serif;
  background: #f6f0e4;
  color: #1c241c;
  line-height: 1.7;
}
h1, h2, h3 {
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  letter-spacing: .04em;
  font-weight: 700;
}
a { color: var(--ladrillo); }
.linea {
  height: 8px;
  background: repeating-linear-gradient(90deg, var(--cesped) 0 28px, var(--crema) 28px 32px, var(--ladrillo) 32px 40px);
}
.cancha {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 5vw;
  background: var(--noche);
  color: var(--crema);
}
.cancha img { width: 58px; height: 58px; }
.cancha h1 { margin: 0; font-size: 22px; }
.cancha h1 a { color: inherit; text-decoration: none; }
.cancha p { margin: 4px 0 0; color: #d4a39a; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; }
.tribuna {
  display: flex;
  flex-wrap: wrap;
  background: var(--cesped);
}
.tribuna a {
  color: var(--crema);
  text-decoration: none;
  padding: 12px 16px;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14px;
}
.tribuna a:hover, .tribuna a.activo { background: var(--ladrillo); color: #fff; }
.arco {
  background:
    linear-gradient(180deg, rgba(7,20,14,.35), rgba(7,20,14,.82)),
    url("/img/header-logo.jpg") center/cover no-repeat;
  color: var(--crema);
  min-height: 58vh;
  display: grid;
  align-items: end;
  padding: 70px 6vw 48px;
}
.arco h2 {
  font-size: clamp(32px, 5vw, 56px);
  margin: 0 0 12px;
  max-width: 16ch;
  line-height: 1.05;
}
.arco p { max-width: 42em; color: #e6dcc6; font-size: 18px; }
.gol {
  display: inline-block;
  margin-top: 18px;
  background: var(--ladrillo);
  color: #fff;
  text-decoration: none;
  padding: 11px 18px;
  font-family: "Trebuchet MS", sans-serif;
}
.ficha { width: min(980px, 92vw); margin: 36px auto 72px; }
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: -28px 0 28px;
}
.stats div {
  background: #fff;
  border-top: 4px solid var(--cesped);
  padding: 16px 14px;
  text-align: center;
}
.stats strong { display: block; font-size: 28px; color: var(--cesped); }
.clubes {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.clubes a {
  background: #fff;
  padding: 18px 16px;
  text-decoration: none;
  color: inherit;
  border-left: 5px solid var(--cesped);
}
.texto {
  background: #fff;
  padding: 30px 32px;
  border-top: 6px solid var(--cesped);
}
.texto h2 { margin-top: 0; color: var(--cesped); }
.texto h3 { color: var(--ladrillo); }
.texto p + p { margin-top: 1em; }
table.plantilla {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
table.plantilla th, table.plantilla td {
  border-bottom: 1px solid #e4dcc8;
  padding: 8px 6px;
  text-align: left;
}
.banquillo {
  background: var(--noche);
  color: #cfc6b2;
  padding: 28px 5vw 42px;
  font-size: 13px;
}
.banquillo a { color: #e8c4bb; margin-right: 12px; text-decoration: none; }
@media (max-width: 800px) {
  .stats, .clubes { grid-template-columns: 1fr 1fr; }
  .arco { min-height: 42vh; }
}
@media (max-width: 520px) {
  .stats, .clubes { grid-template-columns: 1fr; }
}