/* Ajustes sobre el CSS exportado de Webflow (migración a Cloudflare). */

/* Menú: los 3 dropdowns (Soluciones, Recursos, Empresa) abren y cierran con la misma
   animación suave. Antes solo "Soluciones" tenía animación (por interacción de Webflow)
   y los otros dos aparecían/desaparecían de golpe. */
@media screen and (min-width: 992px) {
  .uui-navbar02_menu-dropdown > .uui-navbar02_dropdown-list.w-dropdown-list {
    display: block;
    position: absolute;
    inset: 3.5rem auto auto 0%;
    width: 100vw;
    min-width: 100vw;
    max-width: 100%;
    padding: .5rem 0 0;
    background-color: transparent;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
    will-change: opacity, transform;
  }
  .uui-navbar02_menu-dropdown > .uui-navbar02_dropdown-list.w-dropdown-list.w--open {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    transition: opacity .22s ease, transform .22s ease, visibility 0s linear 0s;
  }
}
.uui-navbar02_menu-dropdown .uui-dropdown-icon { transition: transform .25s ease; }
.uui-navbar02_menu-dropdown .w-dropdown-toggle.w--open .uui-dropdown-icon { transform: rotate(180deg); }

/* Menú en tablet/celular: aparición suave al abrir cada sección */
@media screen and (max-width: 991px) {
  .uui-navbar02_dropdown-list.w--open { animation: bores-dd-in .25s ease both; }
}
@keyframes bores-dd-in { from { opacity: 0; transform: translate3d(0, -6px, 0); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .uui-navbar02_menu-dropdown > .uui-navbar02_dropdown-list.w-dropdown-list,
  .uui-navbar02_menu-dropdown .uui-dropdown-icon { transition: none !important; }
  .uui-navbar02_dropdown-list.w--open { animation: none !important; }
}

/* Evita scroll horizontal en móvil (carruseles de logos más anchos que la pantalla) */
html,body{overflow-x:clip}