/* Estilos para las tarjetas de evento */
.event-list-item {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.event-list-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Estilos para el botón de favoritos */
.favorite-button svg {
  transition: all 0.2s ease;
}

.favorite-button:hover svg {
  transform: scale(1.1);
}

.favorite-button.active svg {
  fill: #4f46e5; /* Azul cuando está activo */
  stroke: #4f46e5;
}

/* Truncar título a 2 líneas */
.event-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Estilos para el precio */
.event-price {
  color: #666;
}

/* Para cuando el precio es FREE */
.event-price:contains("FREE") {
  color: #059669; /* Verde esmeralda */
  font-weight: 700;
}

/* Estilos responsivos */
@media (max-width: 640px) {
  .event-list-item {
    height: 96px;
  }
  
  .event-image-container {
    width: 96px;
  }
  
  .event-title {
    font-size: 0.875rem;
  }
  
  .event-date, .event-price {
    font-size: 0.75rem;
  }
}