body{ font-family:'Montserrat',sans-serif; background:#0b0f15; color:#fff; }
.brand { color:#40E0D0 }
.btn-primary{ background:#40E0D0; color:#000; transition: background-color 0.3s; }
.btn-primary:hover{ background:#fff }
.glass{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); backdrop-filter: blur(10px);}
.skeleton{ background:linear-gradient(90deg,#1b2230 25%,#232b3b 37%,#1b2230 63%); background-size:400% 100%; animation:shine 1.4s infinite;}
@keyframes shine{0%{background-position:100% 50%}100%{background-position:0 50%}}
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(0.8); }
.transition-all {transition:all .3s cubic-bezier(.2,.8,.2,1);}
.chip-type.active { background: #40E0D0; color: #000; border-color: #40E0D0;}
.event-badge { font-size: 0.7rem; background: #40E0D0; color: #000; border-radius: 8px; padding: 2px 8px; margin-right: 4px;}
.thumbnail-img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; border: 2px solid #40E0D0; cursor:pointer; opacity:0.7; transition:opacity .2s;}
.thumbnail-img.active { opacity:1; box-shadow:0 0 0 2px #40E0D0;}
.share-btn { background:#40E0D0; color:#000; border-radius:8px; padding:4px 10px; font-size:1rem; transition:background-color .2s;}
.share-btn:hover { background:#fff; color:#40E0D0;}
.profile-suggestion {background:#fff2; padding:8px; border-radius:8px; margin-bottom:4px; cursor:pointer;}
.profile-suggestion:hover {background:#40E0D0; color:#000;}
/* Modo claro */
body.light-mode select#event-type-select {
  background: #fff !important;
  color: #222 !important;
  border: 1px solid #222;
}
.light-mode .glass {background:rgba(0,0,0,.02); border-color:rgba(0,0,0,.10);}
.light-mode .btn-primary {background:#222; color:#40E0D0;}
.light-mode .btn-primary:hover {background:#40E0D0; color:#222;}
.light-mode input, .light-mode select {background:#fff; color:#222;}
/* Mejor separación de filtros */
.search-bar-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem;}
@media(max-width:900px){
  .search-bar-grid{grid-template-columns:1fr;}
}
/* Carrusel: Imagen principal siempre ocupando el contenedor */
[data-carousel] img {
  display: block;
  width: 100%;
  height: 9rem;
  object-fit: cover;
  border-radius: 0.75rem;
  position: relative !important;
  z-index: 1;
}
[data-carousel] .carousel-counters,
[data-carousel] [data-carousel-dots],
[data-carousel] [data-carousel-thumbs],
[data-carousel] [data-carousel-prev],
[data-carousel] [data-carousel-next] {
  z-index: 2;
}
@media (max-width: 700px) {
  [data-carousel] img {
    height: 7rem;
  }
  .event-card-btns {
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
}
/* Botones fuera del área del carrusel */
.event-card-btns {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
  justify-content: flex-end;
  position: relative;
  z-index: 10;
}