body {
    font-family: 'Inter', sans-serif;
}

/* FILTER CHIPS (TAMAÑO AUMENTADO) */
.level-chip {
    padding: 8px 20px;
    border-radius: 999px;
    background: #e5e7eb;
    font-size: 15px; /* Fijado a 15px para evitar achicamiento */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.level-chip.active {
    color: white;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* Animaciones del Modal */
#event-modal {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
}
#event-modal.active {
    opacity: 1;
    pointer-events: auto;
}

#event-modal > div:last-child {
    transform: scale(0.95) translateY(10px);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#event-modal.active > div:last-child {
    transform: scale(1) translateY(0);
}

/* Evitar scroll del body cuando el modal está abierto */
body.modal-open {
    overflow: hidden;
}

/* Efecto hover suave para las tarjetas del calendario */
.event-card {
    transition: all 0.2s ease;
}
.event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    filter: brightness(0.95);
}