.event-card {
        display: flex;
        flex-direction: column;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
    }

    .accordion-summary {
        background-color: #f8f9fa;
        cursor: pointer;
        padding: 10px 15px;
        font-weight: bold;
        font-size: 1rem;
        color: #007bff;
        border-top: 1px solid #ddd;
        transition: background-color 0.3s;
    }

    .accordion-summary:hover {
        background-color: #e9ecef;
    }

    details[open] .accordion-summary {
        background-color: #e9ecef;
    }

    .accordion-content {
        padding: 10px 15px;
        background-color: #fff;
        border-top: 1px solid #ddd;
        color: #555;
    }

    .card-body {
        padding: 15px;
    }

    .card-img-top {
        border-bottom: 1px solid #ddd;
    }

.productos {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas por defecto */
    gap: 16px; /* Espaciado entre elementos */
}

/* En dispositivos pequeños (max-width: 768px), cambiar a 2 columnas */
@media (max-width: 768px) {
    .productos {
        grid-template-columns: repeat(2, 2fr); /* 2 columnas */
    }
}

/* En dispositivos muy pequeños (max-width: 576px), cambiar a 1 columna */
@media (max-width: 430px) {
    .productos {
        grid-template-columns: repeat(2, 2fr); /* 1 columna */
    }
}