/* ============================================================
   Agenda por semanas, fotos y videos.
   ============================================================ */

/* ---------- encabezado de semana ---------- */
.semana{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#000;color:var(--papel);
  border:2px solid #000;
  padding:8px 11px;
  margin:20px 0 10px;
  box-shadow:3px 3px 0 rgba(0,0,0,.35);
}
.semana:first-child{margin-top:4px}
.sem-tit{
  font-family:var(--pixel);font-size:8.5px;letter-spacing:.06em;
}
.sem-cant{
  font-family:var(--sans);font-size:12px;font-weight:650;
  color:var(--cian);white-space:nowrap;
}

/* La semana en curso se destaca: es la que mirás. */
.semana.actual{
  background:var(--amarillo);color:#000;
  box-shadow:3px 3px 0 var(--magenta);
}
.semana.actual .sem-cant{color:#8a0060}

/* ---------- foto del jugador en el plantel ---------- */
.jug-foto{
  width:44px;height:44px;flex:0 0 auto;
  object-fit:cover;object-position:top center;
  border:2px solid #000;background:#d8cfb8;
}

/* ---------- cara del piloto en la tabla ---------- */
.tabla .cara{
  width:30px;height:30px;flex:0 0 auto;
  object-fit:cover;object-position:top center;
  border:1px solid rgba(0,0,0,.35);background:#d8cfb8;
}

/* ---------- video del gol ---------- */
.j-video{
  display:inline-grid;place-items:center;
  width:28px;height:28px;flex:0 0 auto;
  background:var(--f1);color:#fff;
  border:2px solid #000;text-decoration:none;
  font-size:11px;line-height:1;
  box-shadow:2px 2px 0 rgba(0,0,0,.4);
  transition:transform .12s var(--toque), box-shadow .12s var(--toque);
}
.j-video:active{transform:translate(2px,2px);box-shadow:0 0 0}

/* ---------- clips sueltos ---------- */
.clips{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}
.clip{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:2px solid #000;padding:10px;
  text-decoration:none;color:#111;
  box-shadow:3px 3px 0 rgba(0,0,0,.3);
  transition:transform .12s var(--toque), box-shadow .12s var(--toque);
}
.clip:active{transform:translate(2px,2px);box-shadow:0 0 0}
.clip-play{
  display:grid;place-items:center;
  width:30px;height:30px;flex:0 0 auto;
  background:var(--f1);color:#fff;border:2px solid #000;font-size:12px;
}
.clip-txt{font-family:var(--sans);font-size:13.5px;font-weight:600;line-height:1.3}

@media (max-width:430px){
  .jug-foto{width:38px;height:38px}
  .tabla .cara{width:26px;height:26px}
  .sem-tit{font-size:7.5px}
}

/* Botón de búsqueda cuando no hay clip oficial */
.j-video.buscar{
  background:var(--chrome2);color:#000;font-size:15px;font-weight:700;
}