.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  padding: 12px 16px;
  /* font-family eliminado para usar la fuente global definida en style.css */
}


/* El resto de tu CSS permanece igual */

.daterangepicker .calendar {
  display: none;
  max-width: 370px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  padding: 14px;
  background: #fff;
  margin: 4px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar th, 
.daterangepicker .calendar td {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 34px;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  user-select: none;
}

.daterangepicker .calendar th {
  color: #000000;
  font-weight: 700;
}

.daterangepicker td.off {
  color: #bbb;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #bbb;
  cursor: default;
}

.daterangepicker td.available:hover, 
.daterangepicker th.available:hover {
  background: #cdebb4;
  color: #0056b3;
}

.daterangepicker td.in-range {
  background: #cdebb4;
  border-radius: 0 !important;
}

.daterangepicker td.start-date {
  border-radius: 12px 0 0 12px !important;
}

.daterangepicker td.end-date {
  border-radius: 0 12px 12px 0 !important;
}

.daterangepicker td.start-date.end-date {
  border-radius: 12px !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #96B900;
  border-color: #b3da05;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 2px 10px rgba(96, 216, 59, 0.6);
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 75%;
  color: #bbb;
}

.daterangepicker select.monthselect, 
.daterangepicker select.yearselect {
  font-size: 14px;
  padding: 3px 6px;
  height: 32px;
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
  border: 1.5px solid #ccc;
  color: #444;
  font-weight: 600;
  transition: border-color 0.3s ease;
}

.daterangepicker select.monthselect:hover, 
.daterangepicker select.yearselect:hover,
.daterangepicker select.monthselect:focus, 
.daterangepicker select.yearselect:focus {
  border-color: #cdebb4;
  outline: none;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
}

.daterangepicker select.monthselect {
  margin-right: 4%;
  width: 60%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, 
.daterangepicker select.minuteselect, 
.daterangepicker select.secondselect, 
.daterangepicker select.ampmselect {
  width: 55px;
  margin-bottom: 0;
  border-radius: 6px;
  border: 1.5px solid #ccc;
  padding: 4px;
  font-weight: 600;
  transition: border-color 0.3s ease;
}

.daterangepicker select.hourselect:hover,
.daterangepicker select.minuteselect:hover,
.daterangepicker select.secondselect:hover,
.daterangepicker select.ampmselect:hover,
.daterangepicker select.hourselect:focus,
.daterangepicker select.minuteselect:focus,
.daterangepicker select.secondselect:focus,
.daterangepicker select.ampmselect:focus {
  border-color: #08c;
  outline: none;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 6px 8px;
  border-radius: 10%;
  background: #fff;
  transition: background-color 0.3s ease;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 10px auto 0 auto;
  line-height: 32px;
  font-weight: 600;
  color: #444;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 10px 12px;
  margin-top: 1px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  font-weight: 600;
  font-size: 14px;
}

.daterangepicker.opensleft:before,
.daterangepicker.openscenter:before,
.daterangepicker.opensright:before {
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

.daterangepicker.dropup:before {
  border-top-color: #ccc;
}

.daterangepicker.dropup:after {
  border-top-color: #fff;
}

.daterangepicker td, .daterangepicker th {
  user-select: none;
}