/* Presentación de los calendarios 2010–2023 con los componentes de 2026. */
.calendario-actualizado #calendar-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 12px;
  margin-bottom: 24px;
}
.calendario-actualizado #calendar-container > .calendar {
  width: auto;
  margin: 0;
  min-width: 0;
}
.calendario-actualizado #calendar-container > .publicidad-movil {
  grid-column: 1 / -1;
}
.calendario-actualizado #calendar-container caption { font-size: 18px; }
.calendario-actualizado .calendar-table td { height: 27px; }
.calendario-actualizado .calendar-table td:focus-within .pop { display: block; }
.calendario-actualizado .calendar-table td .pop {
  white-space: normal;
  width: 190px;
  max-width: 70vw;
  box-sizing: border-box;
  pointer-events: none;
}
.calendario-actualizado .calendar-table time:focus-visible {
  outline: 2px solid #28748f;
  outline-offset: 2px;
}
.calendario-actualizado .download { clear: both; padding: 20px 0 28px; }
.calendario-actualizado .download .variante-descarga {
  display: block;
  padding: 12px 0;
  border-top: 1px solid #e8e8e8;
}
.calendario-actualizado .card-puente h4 { margin: 0 0 8px; font-size: 16px; }
.calendario-actualizado .card-puente { min-width: 0; overflow-wrap: anywhere; }
.calendario-actualizado .bloque-puentes > h3 { margin-top: 28px; }
.calendario-actualizado .faq { margin-bottom: 32px; }
.calendario-actualizado :is(#calendario, #descargas, #festivos, #fines-de-semana-largos, #preguntas-frecuentes) { scroll-margin-top: 16px; }
@media (max-width: 1000px) {
  .calendario-actualizado #calendar-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .calendario-actualizado .bloque-puentes { padding: 20px 14px; }
  .calendario-actualizado .grid-puentes { grid-template-columns: 1fr; }
  .calendario-actualizado .calendar-table th,
  .calendario-actualizado .calendar-table td { font-size: 12px; padding: 0 2px; }
}
@media (max-width: 440px) {
  .calendario-actualizado #calendar-container { grid-template-columns: 1fr; }
  .calendario-actualizado .calendar-table td { height: 32px; }
  .calendario-actualizado .calendar-table th,
  .calendario-actualizado .calendar-table td { font-size: 14px; }
}