/*=========================================
CALENDÁRIO
=========================================*/

.calendarioMensal{

    display:grid;

    grid-template-columns:repeat(7,1fr);

    gap:8px;

    padding:20px;

}

/*=========================================
DIAS DA SEMANA
=========================================*/

.diaSemana{

    text-align:center;

    font-weight:700;

    color:#29458d;

    padding:12px;

    background:#f5f7fb;

    border-radius:8px;

}

/*=========================================
DIAS
=========================================*/

.diaCalendario{

    min-height:110px;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:6px;

    cursor:pointer;

    background:#fff;

    transition:.25s;

    position:relative;

}

.diaCalendario:hover{

    background:#eef5ff;

    border-color:#0d6efd;

    transform:translateY(-2px);

    box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.diaVazio{

    min-height:110px;

}

/*=========================================
NÚMERO DO DIA
=========================================*/

.numeroDia{

    font-size:18px;

    font-weight:700;

    color:#29458d;

    margin-bottom:6px;

}

/*=========================================
HOJE
=========================================*/

.hoje{

    background:#e9f3ff;

    border:2px solid #0d6efd;

}

.hoje .numeroDia{

    color:#0d6efd;

}

/*=========================================
MARCADORES
=========================================*/

.marcadoresDia{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:4px;

    margin-top:6px;

}

/*=========================================
ÍCONES DOS EVENTOS
=========================================*/

.iconeEventoDashboard{

    width:8px;

    height:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:8px;

    line-height:8px;

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

    margin:0;

    cursor:pointer;

    transition:.15s;

}

.iconeEventoDashboard:hover{

    transform:scale(1.3);

}

/*=========================================
+ EVENTOS
=========================================*/

.maisEventosDashboard{

    font-size:8px;

    font-weight:700;

    color:#666;

    line-height:8px;

    margin-left:2px;

}

/*=========================================
FERIADO
=========================================*/

.diaFeriado{

    background:#fff5f5 !important;

    border:2px solid #dc3545 !important;

}

/*=========================================
TOPO
=========================================*/

.topoCalendarioDashboard{

    position:relative;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    height:42px;

    margin-bottom:12px;

}

.tituloCalendarioDashboard{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    font-size:16px;

    font-weight:600;

    color:#29458d;

    pointer-events:none;

}

.acoesCalendarioDashboard{

    display:flex;

    align-items:center;

    gap:6px;

    z-index:2;

}

/*=========================================
BOTÃO HOJE
=========================================*/

.btnHojeDashboard{

    height:35px;

    padding:0 14px;

    border:1px solid #0d6efd;

    border-radius:10px;

    background:#ffffff;

    color:#0d6efd;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.2s;

}

.btnHojeDashboard:hover{

    background:#0d6efd;

    color:#ffffff;

}