/* 
  Ajustes para los eventos próximos en la barra lateral 
  - Soluciona problemas de scroll horizontal
  - Mejora la visualización de etiquetas como "Vencida"
*/

/* Ajustar el título del evento para evitar scroll horizontal */
.compact-event .event-title {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    line-height: 1.3;
    width: 100%;
}

/* Mostrar la etiqueta "Vencida" en un renglón aparte */
.expired-badge {
    display: block !important;
    margin: 4px 0 2px 0 !important;
    width: fit-content;
}

/* Asegurar que los eventos se ajusten correctamente */
#upcoming-events .event-item {
    width: 100%;
    box-sizing: border-box;
}

/* Mejorar la visualización de los detalles del evento */
.event-details {
    width: 100%;
    overflow: hidden;
}

/* Ajuste responsivo para pantallas pequeñas */
@media (max-width: 768px) {
    .compact-event .event-title {
        font-size: 13px;
    }
    
    .event-compact-info {
        flex-wrap: wrap;
    }
}