:root {
    --datepicker-bg: #ffffff;
    --datepicker-inline-bg: #f7efe6;
    --datepicker-border: #e0d5c7;
    --datepicker-text: #4a3526;
    --datepicker-hover: #f9e4cd;
    --datepicker-active: #1c84c6;
    --datepicker-active-text: #ffffff;
}

.datepicker {
    font-weight: 400;
}

.datepicker td,
.datepicker th {
    font-weight: 400;
    font-size: 0.9rem;
    padding: 0.35rem 0.45rem;
}

.datepicker.dropdown-menu {
    background: var(--datepicker-bg);
    box-shadow: 0 6px 16px rgba(51, 38, 28, 0.08);
    border: 1px solid var(--datepicker-border);
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:focus,
.datepicker td.active:active,
.datepicker td.active.active,
.datepicker td.active:hover:active {
    background-color: var(--datepicker-active) !important;
    color: var(--datepicker-active-text);
    box-shadow: none;
    text-shadow: none;
    background-image: none !important;
}

.datepicker .active,
.datepicker .active:hover,
.datepicker .active:focus,
.datepicker .active:active {
    background-color: var(--datepicker-active) !important;
    color: var(--datepicker-active-text) !important;
    background-image: none !important;
}

.datepicker td.today.active,
.datepicker td.today.active:hover,
.datepicker td.today.active:focus,
.datepicker td.today.active:active {
    color: var(--datepicker-active-text) !important;
}

.datepicker td.today,
.datepicker td.today:hover,
.datepicker td.today:focus,
.datepicker td.today:active {
    background-color: #f2f4f6 !important;
    color: var(--datepicker-text) !important;
    background-image: none !important;
}

.fecha-picker .datepicker {
    background: var(--datepicker-bg);
    border: 1px solid var(--datepicker-border);
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0 6px 16px rgba(51, 38, 28, 0.08);
}

.fecha-picker .datepicker td,
.fecha-picker .datepicker th {
    color: var(--datepicker-text);
}

.fecha-picker .datepicker td.day:hover {
    background: var(--datepicker-hover);
}