body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}
.gradient-text {
  background: -webkit-linear-gradient(#fbbf24, #f59e0b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.date-input::-webkit-calendar-picker-indicator {
  filter: invert(0.6) sepia(1) saturate(5) hue-rotate(30deg);
}

.hero-content-wrapper {
  position: relative;
  z-index: 20;
}
.experience-bg {
  background-image: linear-gradient(
    rgba(251, 191, 36, 0.05),
    rgba(245, 158, 11, 0.05)
  ); /* Subtle overlay */
}
.offices-section-bg {
  background-color: #f8fafc; /* bg-slate-50 */
}
/* Dropdown Styles */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1e293b; /* bg-slate-800 */
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0.375rem; /* rounded-md */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  color: white;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  font-size: 0.875rem; /* text-sm */
}
.dropdown-content a:hover {
  background-color: #334155; /* bg-slate-700 */
  color: #fbbf24; /* text-amber-400 */
}

/* Estilos para el selector de fecha */
.datepicker-popup {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  z-index: 100; /* Asegura que el popup esté por encima de otros elementos */
}
.hidden-datepicker {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}