/* ── CALENDAR ── */
  #cal-view .fc{--fc-border-color:var(--border);--fc-today-bg-color:var(--bubu-soft);font-family:'Nunito',sans-serif;font-size:12.5px}
  #cal-view .fc-toolbar-title{font-family:'Pacifico',cursive;font-size:16px!important;color:var(--text)}
  #cal-view .fc-button{border-radius:8px!important;font-family:'Nunito',sans-serif;font-weight:700;font-size:11px;padding:5px 9px!important;background:var(--nav)!important;border-color:var(--nav)!important}
  #cal-view .fc-event{border-radius:5px;font-size:11px;font-weight:700;cursor:pointer}
  #cal-view .fc-daygrid-day-number{color:var(--text);font-weight:700;font-size:11.5px}
  #cal-view .fc-col-header-cell-cushion{font-weight:800;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}
  #cal-view{
      overflow-x:auto;
  }

  #cal-view .fc{
      min-width:0;
  }
  .fc-toolbar.fc-header-toolbar{flex-wrap:wrap;gap:5px}

  /* ══ CALENDAR SPECIAL DATES ══ */
.fc-day-special .fc-daygrid-day-number{position:relative}
.special-day-badge{position:absolute;top:-2px;right:-2px;font-size:10px;line-height:1;pointer-events:none}

/* ══════════════════════════════════════════════
   RESPONSIVE / MÓVIL — CALENDARIO
   Ahora el calendario ocupa toda la sección (sin la
   columna lateral, que se movió a Inicio), así que en
   móvil también se ve a mayor tamaño.
   ══════════════════════════════════════════════ */
@media(max-width:780px){
  #cal-view .fc{font-size:11.5px}
  #cal-view .fc-toolbar-title{font-size:14px!important}
  #cal-view .fc-button{font-size:10px;padding:4px 8px!important}
  #cal-view .fc-daygrid-day-number{font-size:10.5px}
  #cal-view .fc-col-header-cell-cushion{font-size:9.5px}
}

@media(max-width:360px){
  #cal-view .fc-toolbar-title{font-size:13px!important}
  #cal-view .fc-button{font-size:9.5px;padding:4px 6px!important}
}

/* ══════════════════════════════════════════════
   VISTA DE LISTA — más cómoda para tocar en móvil
   (se usa como vista inicial en pantallas ≤780px)
   ══════════════════════════════════════════════ */
#cal-view .fc-list{border-color:var(--border-soft);border-radius:12px;overflow:hidden}
#cal-view .fc-list-day-cushion{background:var(--cream)!important}
#cal-view .fc-list-day-text,
#cal-view .fc-list-day-side-text{
  font-family:'Nunito',sans-serif;font-weight:800;font-size:12px;color:var(--text);text-transform:capitalize
}
#cal-view .fc-list-table{font-size:13px}
#cal-view .fc-list-event{cursor:pointer;transition:background .12s}
#cal-view .fc-list-event:hover td,
#cal-view .fc-list-event:active td{background:var(--cream)!important}
#cal-view .fc-list-event td{padding-top:11px;padding-bottom:11px;border-color:var(--border-soft)}
#cal-view .fc-list-event-dot{border-width:5px}
#cal-view .fc-list-event-title{font-weight:700;color:var(--text)}
#cal-view .fc-list-event-time{color:var(--muted);font-size:11.5px}
#cal-view .fc-list-empty{background:var(--cream);color:var(--muted);font-family:'Nunito',sans-serif;font-weight:700;font-size:13px}

@media(max-width:780px){
  /* Botones del cambio de vista más claros al tocar */
  #cal-view .fc-dayGridMonth-button,
  #cal-view .fc-listMonth-button{min-height:30px}
  #cal-view .fc-list-event td{padding-top:13px;padding-bottom:13px}
  #cal-view .fc-list-event-title{font-size:13px}

  /* Etiquetas compactas para que quepa el mes completo en móvil. */
  #cal-view .fc-daygrid-event{padding:3px 4px;min-height:20px}
  #cal-view .fc-daygrid-event .fc-event-title{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.15
  }
  #cal-view .fc-daygrid-day-events{gap:2px}
}