/* ==========================================================================
   72-informes-filtros-premium.css  —  Málaga CF  ·  Scouting Dashboard
   Filtros premium: Período · Liga · Veredicto
   Versión 2 — diseño horizontal unificado, estilo dashboard profesional
   ========================================================================== */

/* ── Franja dorada superior sobre la barra ───────────────────────────────── */
.page-informes #ic-panel-jugador > div:first-child::before,
.page-informes #ic-panel-partido > div:first-child::before {
  content:    "";
  position:   absolute;
  top:        0; left: 0; right: 0;
  height:     3px;
  background: linear-gradient(
    90deg,
    transparent  0%,
    #8B6914     5%,
    #C9A227    25%,
    #F0CC4E    50%,
    #C9A227    75%,
    #8B6914    95%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 2;
}

/* ── Inputs de fecha ─────────────────────────────────────────────────────── */
.page-informes #ic-fecha-desde:focus,
.page-informes #ic-fecha-hasta:focus {
  border-color: #C9A227 !important;
  box-shadow:   0 0 0 3px rgba(201,162,39,0.15) !important;
  background:   #ffffff !important;
  outline:      none !important;
}

.page-informes #ic-fecha-desde:hover,
.page-informes #ic-fecha-hasta:hover {
  border-color: #b8c9e0 !important;
  background:   #ffffff !important;
}

.page-informes #ic-fecha-desde::placeholder,
.page-informes #ic-fecha-hasta::placeholder {
  color:          #A0AEC0 !important;
  font-weight:    400 !important;
  font-size:      10px !important;
  letter-spacing: 0.02em;
}

/* ── Dropdown de liga ────────────────────────────────────────────────────── */
.page-informes #ic-liga-filter .Select-control {
  height:        34px !important;
  min-height:    34px !important;
  border:        1.5px solid #E2E8F0 !important;
  border-radius: 7px !important;
  background:    #FAFBFE !important;
  font-size:     11px !important;
  font-weight:   500 !important;
  color:         #1A202C !important;
  box-shadow:    none !important;
  cursor:        pointer !important;
  transition:    border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
}

.page-informes #ic-liga-filter .Select-control:hover {
  border-color: #b8c9e0 !important;
  background:   #ffffff !important;
}

.page-informes #ic-liga-filter.is-open .Select-control {
  border-color:  #C9A227 !important;
  box-shadow:    0 0 0 3px rgba(201,162,39,0.15) !important;
  background:    #ffffff !important;
  border-radius: 7px 7px 0 0 !important;
}

.page-informes #ic-liga-filter .Select-placeholder {
  line-height: 32px !important;
  font-size:   11px !important;
  color:       #A0AEC0 !important;
  font-weight: 400 !important;
}

.page-informes #ic-liga-filter .Select-multi-value-wrapper {
  min-height:  32px !important;
  padding:     2px 6px !important;
  display:     flex !important;
  align-items: center !important;
  flex-wrap:   wrap !important;
  gap:         3px !important;
}

.page-informes #ic-liga-filter .Select-value {
  background:    rgba(0,53,128,0.08) !important;
  border:        1px solid rgba(0,53,128,0.16) !important;
  border-radius: 5px !important;
  padding:       2px 5px 2px 6px !important;
  margin:        1px !important;
  height:        22px !important;
  line-height:   1 !important;
  display:       inline-flex !important;
  align-items:   center !important;
  gap:           3px !important;
}

.page-informes #ic-liga-filter .Select-value-label {
  font-size:   9.5px !important;
  font-weight: 600 !important;
  color:       #003580 !important;
  line-height: 1 !important;
}

.page-informes #ic-liga-filter .Select-value-icon {
  color:       #6B90C8 !important;
  border-right: none !important;
  padding:     0 !important;
  font-size:   13px !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

.page-informes #ic-liga-filter .Select-value-icon:hover {
  color:      #003580 !important;
  background: transparent !important;
}

.page-informes #ic-liga-filter .Select-menu-outer {
  border:        1.5px solid rgba(201,162,39,0.30) !important;
  border-top:    none !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow:
    0 8px 24px rgba(0,21,64,0.12),
    0 2px 6px rgba(0,21,64,0.06) !important;
  overflow:      hidden !important;
  z-index:       9999 !important;
  background:    #ffffff !important;
}

.page-informes #ic-liga-filter .Select-option {
  padding:     8px 14px !important;
  font-size:   11px !important;
  font-weight: 400 !important;
  color:       #1A202C !important;
  transition:  background 0.1s !important;
}

.page-informes #ic-liga-filter .Select-option.is-focused {
  background: #F0F5FF !important;
  color:      #003580 !important;
}

.page-informes #ic-liga-filter .Select-option.is-selected {
  background: rgba(201,162,39,0.10) !important;
  font-weight: 700 !important;
  color:      #003580 !important;
}

.page-informes #ic-liga-filter .Select-arrow-zone {
  width:         30px !important;
  padding-right: 8px !important;
}

.page-informes #ic-liga-filter .Select-arrow {
  border-top-color: #A0AEC0 !important;
  border-width:     5px 4px 0 !important;
}

.page-informes #ic-liga-filter.is-open .Select-arrow {
  border-top-color: #C9A227 !important;
}

/* ── Botones veredicto: hover ────────────────────────────────────────────── */
.page-informes #ic-filter-top:hover {
  background:   #3730A3 !important;
  color:        #ffffff !important;
  border-color: #3730A3 !important;
  box-shadow:   0 4px 14px rgba(55,48,163,0.30) !important;
  transform:    translateY(-1px) !important;
}

.page-informes #ic-filter-fichar:hover {
  background:   #166534 !important;
  color:        #ffffff !important;
  border-color: #166534 !important;
  box-shadow:   0 4px 14px rgba(22,101,52,0.30) !important;
  transform:    translateY(-1px) !important;
}

.page-informes #ic-filter-seguir:hover {
  background:   #92600A !important;
  color:        #ffffff !important;
  border-color: #92600A !important;
  box-shadow:   0 4px 14px rgba(146,96,10,0.30) !important;
  transform:    translateY(-1px) !important;
}

.page-informes #ic-filter-descartar:hover {
  background:   #B91C1C !important;
  color:        #ffffff !important;
  border-color: #B91C1C !important;
  box-shadow:   0 4px 14px rgba(185,28,28,0.30) !important;
  transform:    translateY(-1px) !important;
}

.page-informes #ic-filter-todos:hover {
  background:   #003580 !important;
  color:        #ffffff !important;
  border-color: #003580 !important;
  box-shadow:   0 4px 14px rgba(0,53,128,0.28) !important;
  transform:    translateY(-1px) !important;
}

/* ── Estado activo ───────────────────────────────────────────────────────── */
.page-informes #ic-filter-top.ic-active {
  background:   #3730A3 !important;
  color:        #ffffff !important;
  border-color: #3730A3 !important;
  box-shadow:   0 3px 12px rgba(55,48,163,0.35) !important;
  transform:    translateY(-1px) !important;
}
.page-informes #ic-filter-fichar.ic-active {
  background:   #166534 !important;
  color:        #ffffff !important;
  border-color: #166534 !important;
  box-shadow:   0 3px 12px rgba(22,101,52,0.35) !important;
  transform:    translateY(-1px) !important;
}
.page-informes #ic-filter-seguir.ic-active {
  background:   #92600A !important;
  color:        #ffffff !important;
  border-color: #92600A !important;
  box-shadow:   0 3px 12px rgba(146,96,10,0.35) !important;
  transform:    translateY(-1px) !important;
}
.page-informes #ic-filter-descartar.ic-active {
  background:   #B91C1C !important;
  color:        #ffffff !important;
  border-color: #B91C1C !important;
  box-shadow:   0 3px 12px rgba(185,28,28,0.35) !important;
  transform:    translateY(-1px) !important;
}
.page-informes #ic-filter-todos.ic-active {
  background:   #003580 !important;
  color:        #ffffff !important;
  border-color: #003580 !important;
  box-shadow:   0 3px 12px rgba(0,53,128,0.32) !important;
  transform:    translateY(-1px) !important;
}

/* ── Transición suave todos los botones ──────────────────────────────────── */
.page-informes #ic-filter-top,
.page-informes #ic-filter-fichar,
.page-informes #ic-filter-seguir,
.page-informes #ic-filter-descartar,
.page-informes #ic-filter-todos {
  transition:
    background   0.18s ease,
    color        0.18s ease,
    border-color 0.18s ease,
    box-shadow   0.18s ease,
    transform    0.18s cubic-bezier(0.34,1.56,0.64,1) !important;
}

.page-informes #ic-filter-top:active,
.page-informes #ic-filter-fichar:active,
.page-informes #ic-filter-seguir:active,
.page-informes #ic-filter-descartar:active,
.page-informes #ic-filter-todos:active {
  transform: translateY(0px) !important;
  box-shadow: none !important;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 1050px) {
  .page-informes #ic-panel-jugador > div:first-child,
  .page-informes #ic-panel-partido > div:first-child {
    flex-direction: column !important;
  }
  .page-informes #ic-panel-jugador > div:first-child > div,
  .page-informes #ic-panel-partido > div:first-child > div {
    border-right: none !important;
    border-bottom: 1px solid #EDF2F7 !important;
  }
  .page-informes #ic-panel-jugador > div:first-child > div:last-child,
  .page-informes #ic-panel-partido > div:first-child > div:last-child {
    border-bottom: none !important;
  }
}

/* Version premium definitiva: layout y controles base */
.page-informes #ic-panel-jugador > div:first-child,
.page-informes #ic-panel-partido > div:first-child {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow:
    0 1px 3px rgba(0,21,64,0.06),
    0 4px 16px rgba(0,21,64,0.07) !important;
  margin-bottom: 14px !important;
  overflow: visible !important;
  position: relative !important;
}

.page-informes #ic-panel-jugador > div:first-child > div,
.page-informes #ic-panel-partido > div:first-child > div {
  padding: 12px 18px !important;
  border-right: 1px solid #EDF2F7 !important;
}

.page-informes #ic-panel-jugador > div:first-child > div:last-child,
.page-informes #ic-panel-partido > div:first-child > div:last-child {
  border-right: none !important;
}

.page-informes #ic-panel-jugador > div:first-child > div:first-child,
.page-informes #ic-panel-partido > div:first-child > div:first-child {
  min-width: 290px !important;
  flex-shrink: 0 !important;
}

.page-informes #ic-panel-jugador > div:first-child > div:nth-child(2),
.page-informes #ic-panel-partido > div:first-child > div:nth-child(2) {
  min-width: 220px !important;
  flex: 0 0 240px !important;
}

.page-informes #ic-panel-jugador > div:first-child > div:nth-child(3),
.page-informes #ic-panel-partido > div:first-child > div:nth-child(3) {
  min-width: 340px !important;
  flex: 1 1 420px !important;
}

.page-informes #ic-panel-jugador > div:first-child > div > div:first-child,
.page-informes #ic-panel-partido > div:first-child > div > div:first-child {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 8px !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  color: #4A5568 !important;
  letter-spacing: 0.14em !important;
}

.page-informes #ic-panel-jugador > div:first-child > div > div:last-child,
.page-informes #ic-panel-partido > div:first-child > div > div:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.page-informes #ic-fecha-desde,
.page-informes #ic-fecha-hasta {
  width: auto !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-informes #ic-fecha-desde,
.page-informes #ic-fecha-hasta,
.page-informes #ic-fecha-desde .SingleDatePicker,
.page-informes #ic-fecha-hasta .SingleDatePicker,
.page-informes #ic-fecha-desde > div,
.page-informes #ic-fecha-hasta > div,
.page-informes #ic-fecha-desde .DateInput,
.page-informes #ic-fecha-hasta .DateInput {
  width: 116px !important;
}

.page-informes #ic-fecha-desde .DateInput,
.page-informes #ic-fecha-hasta .DateInput,
.page-informes #ic-fecha-desde .SingleDatePickerInput,
.page-informes #ic-fecha-hasta .SingleDatePickerInput {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.page-informes #ic-fecha-desde .DateInput_input,
.page-informes #ic-fecha-hasta .DateInput_input {
  height: 34px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 0 10px !important;
  color: #1A202C !important;
  background: #FAFBFE !important;
  font-family: Consolas, monospace !important;
  letter-spacing: 0.01em !important;
}

.page-informes #ic-fecha-desde .DateInput_input__focused,
.page-informes #ic-fecha-hasta .DateInput_input__focused {
  border-color: #C9A227 !important;
  box-shadow: 0 0 0 3px rgba(201,162,39,0.15) !important;
  background: #ffffff !important;
}

.page-informes #ic-fecha-desde .DateInput_input::placeholder,
.page-informes #ic-fecha-hasta .DateInput_input::placeholder {
  color: #A0AEC0 !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  letter-spacing: 0.02em !important;
}

.page-informes #ic-fecha-desde .SingleDatePickerInput,
.page-informes #ic-fecha-hasta .SingleDatePickerInput {
  border: none !important;
  background: transparent !important;
}

.page-informes .SingleDatePicker_picker,
.page-informes .SingleDatePicker_picker__portal {
  z-index: 9999 !important;
}

.page-informes .SingleDatePicker_picker {
  margin-top: 8px !important;
}

.page-informes .DayPicker,
.page-informes .DayPicker__withBorder,
.page-informes .SingleDatePicker_picker {
  background: #ffffff !important;
  border: 1px solid #D9E2F1 !important;
  border-radius: 12px !important;
  box-shadow:
    0 10px 28px rgba(0, 21, 64, 0.16),
    0 2px 8px rgba(0, 21, 64, 0.08) !important;
  overflow: hidden !important;
}

.page-informes .CalendarMonth {
  padding: 0 13px 10px 13px !important;
  background: #ffffff !important;
}

.page-informes .CalendarMonth_caption {
  color: #17305c !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  padding-top: 10px !important;
  padding-bottom: 14px !important;
  text-align: center !important;
  /* Sin margin-bottom extra: el thead lo gestiona */
}

/* La tabla de días: mismo ancho y distribución que la cabecera */
.page-informes .CalendarMonth_table {
  border-collapse: collapse !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.page-informes .CalendarMonth_table td {
  padding: 2px 0 !important;
  text-align: center !important;
}

/* ── CABECERA DE DÍAS: solución definitiva ───────────────────────────────────
   react-dates coloca DayPicker_weekHeader con position:absolute y left calculado
   por JS → imposible alinear con CSS. Solución: ocultamos el header original y
   usamos el <thead> real de la tabla del calendario, que SIEMPRE está alineado.
   ─────────────────────────────────────────────────────────────────────────── */

/* 1. Ocultar el widget flotante que no se puede alinear */
.page-informes .DayPicker_weekHeader {
  display: none !important;
}

/* 2. Mostrar y estilizar el <thead> nativo de cada CalendarMonth_table */
.page-informes .CalendarMonth_table thead {
  display: table-header-group !important;
}

.page-informes .CalendarMonth_table thead tr th {
  color: #6C7FA2 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-align: center !important;
  padding: 6px 0 8px 0 !important;
  border-bottom: 1px solid #EEF2F8 !important;
  background: #ffffff !important;
  /* Mostrar solo la primera letra del nombre del día */
  max-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Sustituir texto completo por inicial usando ::first-letter trick:
   ocultar el texto original y mostrar solo primera letra via pseudo */
.page-informes .CalendarMonth_table thead tr th abbr {
  font-size: 0 !important;          /* oculta todo el texto */
  letter-spacing: 0 !important;
}
.page-informes .CalendarMonth_table thead tr th abbr::first-letter {
  font-size: 10.5px !important;     /* muestra solo la inicial */
  font-weight: 700 !important;
  color: #6C7FA2 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Cada celda de día: mismo flex que el header */
.page-informes .CalendarDay {
  border: 1px solid #EEF2F8 !important;
  color: #243754 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  width: 39px !important;
  height: 39px !important;
  line-height: 39px !important;
  padding: 0 !important;
  text-align: center !important;
}

.page-informes .CalendarDay__default:hover {
  background: #F4F7FC !important;
  border-color: #D9E2F1 !important;
}

.page-informes .CalendarMonth_table tr td:nth-child(6).CalendarDay__default,
.page-informes .CalendarMonth_table tr td:nth-child(7).CalendarDay__default {
  background: #FAFBFF !important;
  color: #5A6E93 !important;
}

.page-informes .CalendarMonth_table tr td:nth-child(6).CalendarDay__default:hover,
.page-informes .CalendarMonth_table tr td:nth-child(7).CalendarDay__default:hover {
  background: #F1F5FB !important;
  color: #28436E !important;
}

.page-informes .CalendarDay__outside,
.page-informes .CalendarDay__blocked_out_of_range,
.page-informes .CalendarDay__blocked_out_of_range:hover {
  background: #F8FAFD !important;
  border-color: #EEF2F8 !important;
  color: #B7C2D3 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.page-informes .CalendarDay__outside:hover {
  background: #F8FAFD !important;
  color: #B7C2D3 !important;
}

.page-informes .CalendarDay__selected,
.page-informes .CalendarDay__selected:active,
.page-informes .CalendarDay__selected:hover {
  background: linear-gradient(135deg, #003580 0%, #0D4EA6 100%) !important;
  border: 1px solid #003580 !important;
  color: #ffffff !important;
}

.page-informes .CalendarDay__today {
  background: #FFF7D6 !important;
  border: 1px solid #E3C66A !important;
  color: #8C6705 !important;
}

.page-informes .DayPickerNavigation_button,
.page-informes .DayPickerNavigation_button__default {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid #D9E2F1 !important;
  border-radius: 10px !important;
  background: #F8FAFD !important;
  color: #33517F !important;
  box-shadow: none !important;
}

.page-informes .DayPickerNavigation_button__default:hover {
  background: #EEF4FF !important;
  border-color: #BFD0EA !important;
  color: #003580 !important;
}

.page-informes .DayPickerNavigation_svg__horizontal {
  fill: currentColor !important;
  width: 18px !important;
  height: 18px !important;
}

.page-informes .ic-date-sep {
  font-size: 14px !important;
  color: #C9A227 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
  align-self: center !important;
}

.page-informes #ic-liga-filter {
  min-width: 220px !important;
}

.page-informes #ic-filter-top,
.page-informes #ic-filter-fichar,
.page-informes #ic-filter-seguir,
.page-informes #ic-filter-descartar,
.page-informes #ic-filter-todos {
  height: 34px !important;
  padding: 0 13px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border-radius: 7px !important;
  cursor: pointer !important;
  letter-spacing: 0.06em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  outline: none !important;
}

.page-informes #ic-filter-top {
  border: 1.5px solid #B8C0FF !important;
  background: #EEF1FF !important;
  color: #4338CA !important;
}

.page-informes #ic-filter-fichar {
  border: 1.5px solid #A7D48F !important;
  background: #EFFBE9 !important;
  color: #166534 !important;
}

.page-informes #ic-filter-seguir {
  border: 1.5px solid #EBCB7A !important;
  background: #FFF7D6 !important;
  color: #92600A !important;
}

.page-informes #ic-filter-descartar {
  border: 1.5px solid #F2A3A3 !important;
  background: #FFF1F1 !important;
  color: #B91C1C !important;
}

.page-informes #ic-filter-todos {
  border: 1.5px solid rgba(0,53,128,0.22) !important;
  background: #EBF0FB !important;
  color: #003580 !important;
}

.page-informes #ic-fechas-range {
  display: block !important;
  width: 236px !important;
}

.page-informes #icp-fechas-range {
  display: block !important;
  width: 236px !important;
}

.page-informes #ic-fecha-desde,
.page-informes #ic-fecha-hasta {
  display: none !important;
  visibility: hidden !important;
}

.page-informes #ic-fechas-range .DateRangePicker,
.page-informes #ic-fechas-range .DateRangePickerInput {
  width: 236px !important;
}

.page-informes #icp-fechas-range .DateRangePicker,
.page-informes #icp-fechas-range .DateRangePickerInput {
  width: 236px !important;
}

.page-informes #ic-fechas-range .DateRangePickerInput {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9px !important;
  background: #FAFBFE !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.page-informes #icp-fechas-range .DateRangePickerInput {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 9px !important;
  background: #FAFBFE !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.page-informes #ic-fechas-range .DateInput {
  width: 98px !important;
  background: transparent !important;
}

.page-informes #icp-fechas-range .DateInput {
  width: 98px !important;
  background: transparent !important;
}

.page-informes #ic-fechas-range .DateInput_input {
  height: 24px !important;
  min-height: 24px !important;
  border: none !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #1A202C !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 0 8px !important;
  box-shadow: none !important;
  line-height: 24px !important;
}

.page-informes #icp-fechas-range .DateInput_input {
  height: 24px !important;
  min-height: 24px !important;
  border: none !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #1A202C !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 0 8px !important;
  box-shadow: none !important;
  line-height: 24px !important;
}

.page-informes #ic-fechas-range .DateInput_input__focused {
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(201,162,39,0.18) !important;
}

.page-informes #icp-fechas-range .DateInput_input__focused {
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(201,162,39,0.18) !important;
}

.page-informes #ic-fechas-range .DateRangePickerInput_arrow {
  color: #C9A227 !important;
  font-size: 14px !important;
  padding: 0 2px !important;
}

.page-informes #icp-fechas-range .DateRangePickerInput_arrow {
  color: #C9A227 !important;
  font-size: 14px !important;
  padding: 0 2px !important;
}

.page-informes #ic-fechas-range .DateRangePicker_picker {
  z-index: 9999 !important;
  margin-top: 10px !important;
}

.page-informes #icp-fechas-range .DateRangePicker_picker {
  z-index: 9999 !important;
  margin-top: 10px !important;
}

.page-informes #ic-fechas-range .DayPicker,
.page-informes #ic-fechas-range .DayPicker__withBorder,
.page-informes #ic-fechas-range .DateRangePicker_picker {
  background: #ffffff !important;
  border: 1px solid #D9E2F1 !important;
  border-radius: 14px !important;
  box-shadow:
    0 12px 32px rgba(0,21,64,0.16),
    0 2px 8px rgba(0,21,64,0.08) !important;
  overflow: hidden !important;
}

.page-informes #ic-fechas-range .CalendarMonth {
  padding: 12px 10px 8px 10px !important;
  background: #ffffff !important;
}

.page-informes #ic-fechas-range .CalendarMonth_caption {
  color: #17305c !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
}

.page-informes #ic-fechas-range .DayPicker_weekHeader {
  top: 46px !important;
  left: -18px !important;
}

.page-informes #ic-fechas-range .DayPicker_weekHeader_ul {
  padding: 0 10px !important;
  margin: 0 !important;
  display: table !important;
  table-layout: fixed !important;
  width: 252px !important;
  transform: translateX(-2px) !important;
}

.page-informes #ic-fechas-range .DayPicker_weekHeader_li {
  color: #7A879A !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 0 !important;
  white-space: nowrap !important;
  display: table-cell !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  line-height: 16px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
}

.page-informes #ic-fechas-range .CalendarMonth_table {
  margin-top: 14px !important;
  table-layout: fixed !important;
  width: 252px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.page-informes #ic-fechas-range .CalendarMonth_table td {
  text-align: center !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  padding: 0 !important;
}

.page-informes #ic-fechas-range .CalendarDay {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 10px !important;
  border-radius: 0 !important;
}

.page-informes #ic-fechas-range .CalendarDay {
  border: none !important;
  color: #243754 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: #ffffff !important;
}

.page-informes #ic-fechas-range .CalendarDay__default:hover {
  background: #D72867 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

.page-informes #ic-fechas-range .CalendarDay__hovered_span,
.page-informes #ic-fechas-range .CalendarDay__selected_span,
.page-informes #ic-fechas-range .CalendarDay__selected_span:hover {
  background: #F3D9E4 !important;
  color: #243754 !important;
  border-radius: 0 !important;
}


.page-informes #ic-fechas-range .CalendarDay__selected,
.page-informes #ic-fechas-range .CalendarDay__selected:active,
.page-informes #ic-fechas-range .CalendarDay__selected:hover {
  background: #D72867 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

.page-informes #ic-fechas-range .CalendarDay__selected_start,
.page-informes #ic-fechas-range .CalendarDay__selected_start:active,
.page-informes #ic-fechas-range .CalendarDay__selected_start:hover,
.page-informes #ic-fechas-range .CalendarDay__selected_end,
.page-informes #ic-fechas-range .CalendarDay__selected_end:active,
.page-informes #ic-fechas-range .CalendarDay__selected_end:hover {
  background: #D72867 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

.page-informes #ic-fechas-range .CalendarDay__outside,
.page-informes #ic-fechas-range .CalendarDay__blocked_out_of_range,
.page-informes #ic-fechas-range .CalendarDay__blocked_out_of_range:hover {
  background: #ffffff !important;
  color: #C3C9D2 !important;
  cursor: not-allowed !important;
}


.page-informes #ic-fechas-range .CalendarDay__outside,
.page-informes #ic-fechas-range .CalendarDay__outside:hover {
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}

.page-informes #ic-fechas-range .DayPickerNavigation_button,
.page-informes #ic-fechas-range .DayPickerNavigation_button__default {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 1px solid #D9E2F1 !important;
  border-radius: 10px !important;
  background: #F8FAFD !important;
  color: #33517F !important;
  box-shadow: none !important;
}

.page-informes #ic-fechas-range .DayPicker {
  padding-bottom: 6px !important;
}