/* ============================================================
   css/pages/jornada.css — estilos exclusivos de jornada.php
   (cargado por head.php cuando la página define $page_css='jornada')
   ============================================================ */

/* Cabecera de página: h1 + nav anterior/siguiente + Compartir */
.jornada-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: var(--sp-3); margin-top: var(--sp-5); flex-wrap: wrap;
}
.jornada-head h1 {
  font-family: var(--score); font-size: 30px; font-weight: 700;
  letter-spacing: -0.01em; line-height: 1.1;
}
.jornada-head__sub { font-size: 13.5px; color: var(--muted); margin-top: 4px; }
.jornada-head__actions { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.jornada-nav { display: inline-flex; gap: 6px; }
.jornada-nav .btn { white-space: nowrap; }

/* Jornada jugada: resultados+movers | equipo ideal */
.jornada-grid {
  display: grid; grid-template-columns: 1fr 1.15fr;
  gap: var(--sp-4); align-items: start;
}

/* Jornada no disputada: tarjeta de agenda centrada */
.jornada-single { max-width: 720px; margin: 0 auto; }
.jornada-single .agenda__list li { padding: 10px var(--sp-2); }
.jornada-note { margin-top: var(--sp-3); text-align: center; }

/* 404 de jornada */
.jornada-404 { padding: var(--sp-5); max-width: 720px; }
.jornada-404__links { display: flex; gap: var(--sp-2); flex-wrap: wrap; margin-top: var(--sp-4); }

/* Responsive */
@media (max-width: 960px) {
  .jornada-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .jornada-head { align-items: flex-start; flex-direction: column; }
  .jornada-head h1 { font-size: 25px; }
}