:root {
    /*Documentando Design System*/
    /*De px a tailwind 36px->text-4xl*/
    --fontBase: "Inter", sans-serif;
    --headline1: 800 36px/43.57px var(--fontBase);
    --headline2a: 700 28px/34px var(--fontBase);
    --headline2b: 700 26px/31.47px var(--fontBase);
    --headline3: 600 20px/28px var(--fontBase);
    --headline4: 500 18px/24px var(--fontBase);
    --body1: 400 16px/25px var(--fontBase);
    --body2: 14px/22px var(--fontBase);
}

body {
    font-family: var(--fontBase);
}

.tipografia {
    font-family: var(--fontBase);
}

.header-title {
    font: var(--headline1);
}

.header-subtitle {
    font: var(--headline4);
}

/*Background*/
.background-card {
    background-image: url("/img/image/background-card.png");
    background-size: cover;
}

/* Eliminando fondo automatico provocado por el autocomplete navegador  */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

/* calendario */
.flatpickr-calendar {
    font-weight: 600 !important;
    color: #000 !important;
    font-size: 14px !important;
}

.flatpickr-current-month {
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.flatpickr-current-month input.cur-year {
    color: #000 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.flatpickr-months .flatpickr-month {
    height: 43px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 600 !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 3px !important;
}
.flatpickr-current-month .numInputWrapper {
    width: 7ch !important;
    padding: 0.5rem !important;
    border-radius: 3px !important;
}
.flatpickr-prev-month,
.flatpickr-next-month {
    margin: 0.5rem !important;
}

/* container meses */
.flatpickr-weekdaycontainer {
    padding: 0px 14px;
}
.flatpickr-months {
    font-weight: 600 !important;
    color: #000 !important;
    font-size: 14px !important;
}

/* meses */
span.flatpickr-weekday {
    color: #6b7280 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.5rem !important;
}

/* container de dias */
.dayContainer {
    padding: 0px 14px 14px 14px !important;
}

/* dia actual */
.flatpickr-day.today {
    border-color: #2563eb !important;
    color: #2563eb !important;
    background: #dbeafe !important;
}

/* dias */
.flatpickr-day {
    color: #000 !important;
    font-weight: 600 !important;
}

/* dia seleccionado */
.flatpickr-day.selected {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

div.datepicker.datepicker-dropdown {
    z-index: 40;
}