/* Responsive Calendar Styles */
@media (max-width: 768px) {
    .divContenedorBarraSuperior {
        padding: 4px !important;
    }
    
    .divBarraSuperior {
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .botonesBarraSuperior {
        font-size: 12px !important;
        padding: 4px 8px !important;
    }
    
    .sfs {
        height: 70vh !important;
    }
    
    .e-time-cells-hours {
        font-size: 12px !important;
    }
    
    .schedule-date-header-template.e-schedule .date-text {
        font-size: 12px !important;
    }
}

@media (min-width: 769px) {
    .sfs {
        height: 80vh !important;
        width: 100% !important;
    }
    
    /* Mejorar la vista semanal en pantallas grandes */
    .e-schedule .e-vertical-view .e-date-header-wrap {
        min-width: 100% !important;
    }
    
    .e-schedule .e-vertical-view .e-content-wrap {
        min-width: 100% !important;
    }
    
    /* Asegurar que las columnas de la semana se distribuyan bien */
    .schedule-cell-dimension.e-schedule .e-vertical-view .e-date-header-wrap table col,
    .schedule-cell-dimension.e-schedule .e-vertical-view .e-content-wrap table col {
        width: auto !important;
        min-width: 14.28% !important; /* 100% / 7 días */
    }
}