@media (max-width: 768px) {
    .agenda-event-card {
        min-width: calc(100vw - 60px) !important;
        max-width: 100% !important;
        width: calc(100vw - 60px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    
    .agenda-carousel-nav {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin: 20px auto !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .agenda-nav-btn {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-width: 120px !important;
        padding: 10px 15px !important;
    }

    .agenda-card-banner {
        height: auto !important;
        max-height: 180px !important;
    }
    
    .agenda-card-banner img {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        object-fit: contain !important;
    }
    
    .event-modal-banner {
        height: auto !important;
        max-height: 200px !important;
    }
    
    #eventModalBanner {
        width: 100% !important;
        height: auto !important;
        max-height: 200px !important;
        object-fit: contain !important;
    }
    
    .profile-banner {
        background-size: contain !important;
        background-position: center center !important;
        height: 100% !important;
        width: 100% !important;
    }
}

.agenda-card-banner img {
    object-fit: contain !important;
    background-color: #1a1a1a !important;
}

#eventModalBanner {
    object-fit: contain !important;
    background-color: #1a1a1a !important;
}

.agenda-carousel {
    display: flex !important;
    overflow-x: hidden !important;
}

.agenda-carousel-nav {
    visibility: visible !important;
    opacity: 1 !important;
}