/* experiences page specific styles */
/* Additional styles if needed beyond common.css */
/* css/experiences.css */

/* realça o botão ativo do filtro com o verde 163029 */
#expFilters .filter-btn.btn-active,
#expFilters .filter-btn:focus {
  background: #163029 !important;
  color: #fff !important;
  border-color: #163029 !important;
}

/* hover leve nos cards 
.card:hover {
  border-color: #163029;
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
} */

/* se usares line-clamp utilitária, garante compat */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
          line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.experiences-hero {
  min-height: 75vh;
  margin-top: -80px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.experiences-hero .hero-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 0;
}

.experiences-hero > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .experiences-hero {
    min-height: 60vh;
    background-position: center center;
  }
}

/* Duration select options */
#durationSelect option,
#durationSelectMobile option {
  color: #163029;
  background-color: #ffffff;
}



/* Remove card hover outline (DaisyUI v5 uses box-shadow on interactive cards) */
#experiencesGrid .card:hover {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1) !important;
}