/* ===== INICIO: styles.css ===== */

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

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#event-detail-content,
#event-register-modal .p-5,
#event-register-modal .sm\:p-6 {
  scrollbar-width: thin;
}

#event-detail-content::-webkit-scrollbar {
  width: 10px;
}

#event-detail-content::-webkit-scrollbar-track {
  background: #e2e8f0;
  border-radius: 9999px;
}

#event-detail-content::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 9999px;
}

#event-detail-content::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}
/* ===== FIN: styles.css ===== */