.calendar-grid {
    display: grid;
    gap: 20px;
    justify-content: center;
}

.calendar-box {
    width: 100%;
    min-width: 350px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .calendar-grid {
        grid-template-columns: 1fr !important;
    }
    
    img {
        max-width: 100% !important; 
        height: auto !important; 
    }
}

a {
    text-decoration: none !important;
    color: #777777 !important;
}
.fc-col-header-cell{
    background: blanchedalmond;
}      
.fc-event-title-container
{
    text-align: center !important;
}  

.navbar-custom {
    background-color:rgb(92, 92, 92) !important; /* Cambia este color al que desees */
    color: white; /* Cambia el color del texto si es necesario */
}
.navbar-custom .nav-link {
    color: white !important; /* Asegúrate de que los enlaces sean visibles */
}
.navbar-custom .nav-link:hover {
    color: #ddd !important; /* Cambia el color al pasar el mouse */
}