/* PARTIDO: Argentina vs Uruguay — toda la web en celeste.
   Para volver a los colores de siempre: sacar el <link> a /partido.css y los bloques "PARTIDO" de index.html. */
:root {
  --yellow: #62b6ea;      /* celeste: botones, precios, resaltados */
  --yellow-d: #3a9bdb;
  --teal: #0b3d91;        /* azul uruguayo: detalles y sombras de color */
  --teal-d: #072a63;
  --cream: #eef7fd;
  --cream-2: #d8ecfa;
  --paper: #fbfdff;
  --muted: #4b6175;
  --sol: #fcd116;         /* el sol de la bandera */
}
.btn-dark { color: var(--yellow); }

/* damero en celeste y blanco, como la camiseta */
.checker { background: repeating-conic-gradient(var(--yellow) 0 25%, #fff 0 50%) 0 0 / calc(var(--s) * 2) calc(var(--s) * 2); }

/* franja del partido arriba de todo */
.partido { position: relative; overflow: hidden; background: repeating-linear-gradient(180deg, #fff 0 14px, var(--yellow) 14px 28px); border-bottom: 3px solid var(--ink); }
.partido-in { position: relative; max-width: var(--wrap); margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; gap: 16px; }
.partido-sol { flex: none; width: 74px; height: 74px; animation: spin 18s linear infinite; filter: drop-shadow(2px 3px 0 var(--ink)); }
.partido-sol svg { width: 100%; height: 100%; stroke: none; }
.partido-txt { flex: 1; min-width: 0; padding: 8px 14px; background: var(--paper); border: var(--line); border-radius: 14px; box-shadow: var(--pop); transform: rotate(-1deg); }
.partido-vs { margin: 0; font-weight: 900; text-transform: uppercase; font-size: 22px; line-height: 1.05; font-variation-settings: 'wdth' 120; letter-spacing: .01em; }
.partido-vs b { color: var(--teal); }
.partido-vs i { font-style: normal; display: inline-block; margin: 0 6px; padding: 0 7px; background: var(--ink); color: var(--yellow); border-radius: 6px; font-size: .75em; vertical-align: 2px; transform: rotate(-6deg); }
.partido-sub { margin: 4px 0 0; font-weight: 700; font-size: 14px; color: var(--muted); }
.partido-sub strong { color: var(--ink); }
.partido-btn { flex: none; }
@media (max-width: 640px) {
  .partido-in { padding: 10px 14px; gap: 10px; flex-wrap: wrap; }
  .partido-sol { width: 52px; height: 52px; }
  .partido-vs { font-size: 17px; }
  .partido-sub { font-size: 12.5px; }
  .partido-btn { width: 100%; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .partido-sol { animation: none; } }

/* el sol también asoma detrás de la burger */
.hero-art::before { content: ''; position: absolute; z-index: 0; top: -6%; left: -8%; width: 30%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, var(--sol) 0 38%, transparent 39%), repeating-conic-gradient(var(--sol) 0 6deg, transparent 6deg 22.5deg); opacity: .9; animation: spin 30s linear infinite; }