/* =================CONTENEDOR ============== */
div[role="calendar"] * {
	padding: 2px !important;
}
/* =============== NAVEGATOR ================ */
.gj-picker div[role="navigator"] div[role="period"] {
	background-color: #e6e6e6 !important;
}

.gj-picker div[role="navigator"] div,
.gj-picker-md div[role="navigator"] div:first-child {
    background-color: #a7a7a7 !important;
    border-radius: 3px !important;
    position: relative;
    width: auto;
    min-width: 48px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Estilo base SOLO para Prev y Next */
.gj-picker div[role="navigator"] > div:not([role="period"]) {
    background-color: #a7a7a7 !important;
    position: relative;
    min-width: 48px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* PREV solo borde izquierdo */
.gj-picker div[role="navigator"] > div:first-child {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* NEXT solo borde derecho */
.gj-picker div[role="navigator"] > div:last-child {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* PERIOD sin bordes */
.gj-picker div[role="navigator"] div[role="period"] {
    background-color: #e6e6e6 !important;
    border-radius: 0 !important;
}

/* Ocultar iconos */
.gj-picker div[role="navigator"] div span,
.gj-picker div[role="navigator"] div i {
    display: none !important;
}

/* Texto PREV */
.gj-picker div[role="navigator"] > div:first-child::before {
    content: "Prev";
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

/* Texto NEXT */
.gj-picker div[role="navigator"] > div:last-child::before {
    content: "Next";
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

/* ================= HEADER ================= */

/* Cabecera general */
.gj-picker [role="header"] {
    background-color: #e6e6e6 !important;
    border-bottom: 1px solid #c5c5c5 !important;
    /*padding: 0px 0px !important;*/
}

/* ================= DÍAS SEMANA ================= */
.gj-picker table thead th,
.gj-picker table thead th div {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #000 !important;
    padding: 2px 0 !important;
    text-transform: capitalize !important;
}
/* ================= CALENDARIO ================= */

/* Mes / Año */
.gj-picker [role="title"] {
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #000 !important;
    text-align: center !important;
}

/* Número del día (estado normal) */
.gj-picker table tbody td div,
.gj-picker table tbody td span {
    width: 26px;
    height: 26px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0066cc;
    font-weight: 700 !important;
    font-size: 14px;
    border-radius: 3px !important;
}

/* Día seleccionado */
.gj-picker table tbody td.selected div,
.gj-picker table tbody td.selected span {
    background-color: #007fff;
    color: #ffffff;
    border-radius: 3px !important; /* FUERZA CUADRADO */
}

/* Día actual (hoy) */
.gj-picker table tbody td.today div,
.gj-picker table tbody td.today span {
    border: 1px solid #007fff;
    border-radius: 3px !important; /* FUERZA CUADRADO */
}

/* ================= ESPACIOS DE SEPARACION ================= */
/* Días de la semana: menos espacio vertical */
.gj-picker table thead th,
.gj-picker table thead th div {
    padding: 2px 0;
    line-height: 1.1;
}

/* Celdas: sin padding extra */
.gj-picker table tbody td {
    padding: 2px !important;
    vertical-align: middle !important;
}

/* Número del día: un poco más compacto */
.gj-picker table tbody td div,
.gj-picker table tbody td span {
    width: 24px;
    height: 24px;
}

/* Días de la semana: menos alto */
.gj-picker table thead th,
.gj-picker table thead th div {
    padding-bottom: 2px;   /* antes 4px */
    padding-top: 2px;
    line-height: 1;
}

.gj-picker table thead tr {
    height: 18px !important;
}

.gj-picker table thead th,
.gj-picker table thead th div {
    padding: 0 !important;
    line-height: 1 !important;
    height: 18px !important;
    vertical-align: bottom !important;
}

/* Subir la primera fila de días */
.gj-picker table tbody tr:first-child td {
    padding-top: 0 !important;
}

/* Espacio encima de los días de la semana */
.gj-picker table thead {
    margin-top: 5px;
}

/* ============= VISTA MESES ============*/
/* Filas de meses más compactas */
.gj-picker table tbody tr {
    height: auto !important;
}

/* Texto del mes */
.gj-picker table tbody td div,
.gj-picker table tbody td span {
    height: 26px !important;
    line-height: 26px !important;
    margin: 0 auto !important;
}

/* === ocultar signo de interrogacion === */
.gj-datepicker .invalid-feedback::after {
    display: none !important;
    content: none !important;
}