/* --- Contenedor Principal (Expandido) --- */
.flatpickr-calendar {
  width: 100% !important;
  max-width: 100% !important;
  background: #f1f5f9 !important;
  border: none !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
  padding: 10px !important;
  border-radius: 16px !important;
  box-sizing: border-box;
}

/* --- Forzar contenedores internos al 100% --- */
.flatpickr-innerContainer,
.flatpickr-rContainer,
.dayContainer,
.flatpickr-days {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* --- Ajuste de la cuadrícula de días --- */
.dayContainer {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between;
}

/* --- Diseño de los Días (Ahora Flexibles) --- */
.flatpickr-day {
  background: #ffffff;
  border: none !important;
  border-radius: 8px !important;
  margin: 2px 0 !important; /* Ajuste de margen para que quepan 7 por fila */

  flex-basis: calc(14.28% - 4px) !important;
  max-width: none !important;
  height: 45px !important;
  line-height: 45px !important;
  color: #334155 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* --- Encabezado y Semana --- */
.flatpickr-current-month {
  font-weight: 700 !important;
  font-size: 1.2rem !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  transform: translateY(50%);
}

.flatpickr-weekdays {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between;
}

span.flatpickr-weekday {
  width: 14.28% !important; /* Alineado con los días */
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

/* --- Estados (Seleccionado y Hover) --- */
.flatpickr-day:hover {
  background: #de0614 !important;
  color: white !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #e31b13 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: bold !important;
}

/* --- Días fuera de mes --- */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: none !important;
}