/* ============================================================
   Correcciones locales: reemplaza animaciones GSAP con CSS puro
   ============================================================ */

/* --- Search Box -------------------------------------------- */
/* GSAP animaba height de 0 a ~912px. Sin GSAP usamos 100vh.  */
.search-box--active {
  height: 100vh !important;
  border-bottom: 3px solid rgb(6, 155, 215) !important;
  transition: height 0.3s ease, visibility 0s !important;
}

/* Los elementos internos arrancaban con opacity:0 via GSAP */
.search-box--active .search-box__form-wrapper {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 0.3s ease 0.15s !important;
}
.search-box--active .search-box__suggested-wrapper {
  opacity: 1 !important;
  transition: opacity 0.3s ease 0.25s !important;
}
.search-box--active .search-box__close-button {
  opacity: 1 !important;
  transition: opacity 0.3s ease 0.15s !important;
}

/* --- Login Dropdown ---------------------------------------- */
/* La transición CSS ya maneja opacity pero necesita position */
.login--dropdown.login--active {
  opacity: 1 !important;
  top: 0 !important;
}