/* ==========================================================================
   Tema Flatpickr — Machupicchu Golden (verde #28A151 / oro #c79a3b, fuente Jost)
   Range picker tipo aerolínea (2 meses desktop / 1 móvil).
   ========================================================================== */
.flatpickr-calendar {
    font-family: 'Jost', sans-serif;
    border-radius: 16px;
    border: 1px solid #eef2ee;
    box-shadow: 0 18px 44px rgba(20, 40, 24, 0.18);
    padding: 6px;
    margin-top: 8px;
}
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after { border-bottom-color: #fff; }

/* Cabecera (mes/año + flechas) */
.flatpickr-months { padding: 8px 4px 4px; align-items: center; }
.flatpickr-months .flatpickr-month { color: #1d2b24; height: 40px; }
.flatpickr-current-month { font-size: 15.5px; font-weight: 700; padding-top: 6px; }
.flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 700; color: #1d2b24; }
.flatpickr-current-month input.cur-year { font-weight: 700; color: #1d2b24; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { padding: 10px; border-radius: 10px; transition: background 0.2s; }
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover { background: #f1f9f4; }
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg { fill: #1d2b24; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #28a151; }

/* Días de la semana */
span.flatpickr-weekday { color: #8a948d; font-weight: 600; font-size: 12px; }

/* Celdas de día */
.flatpickr-day {
    color: #1d2b24;
    border-radius: 9px;
    font-weight: 500;
    height: 39px;
    line-height: 38px;
    border: 1px solid transparent;
}
.flatpickr-day:hover,
.flatpickr-day:focus { background: #e8f5e9; border-color: #e8f5e9; color: #14592d; }

/* Hoy = acento oro */
.flatpickr-day.today { border-color: #c79a3b; color: #c79a3b; font-weight: 700; }
.flatpickr-day.today:hover,
.flatpickr-day.today:focus { background: #c79a3b; border-color: #c79a3b; color: #fff; }

/* Seleccionado e inicio/fin de rango = verde marca */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus {
    background: #28a151;
    border-color: #28a151;
    color: #fff;
    box-shadow: none;
}

/* Días dentro del rango = verde suave */
.flatpickr-day.inRange {
    background: #e8f5e9;
    border-color: #e8f5e9;
    color: #14592d;
    box-shadow: -5px 0 0 #e8f5e9, 5px 0 0 #e8f5e9;
}
.flatpickr-day.startRange { box-shadow: none; }
.flatpickr-day.endRange { box-shadow: none; }

/* Conector entre el inicio y el rango (estilo aerolínea continuo) */
.flatpickr-day.startRange.startRange + .flatpickr-day.inRange,
.flatpickr-day.inRange.endRange { border-radius: 0 9px 9px 0; }

/* Días deshabilitados / de otros meses */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: #cfd6d1; background: transparent; border-color: transparent; }

/* Dos meses (desktop): separación entre calendarios */
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) { box-shadow: -1px 0 0 #eef2ee; }