/* Base */
.amb-custom-menu-container{position:relative}

/* Menú base */
.amb-menu, .amb-special-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.amb-submenu{list-style:none;margin:0;padding:0}
.amb-menu-item, .amb-special-item{position:relative}
.amb-menu-item a, .amb-special-item a{
  display:flex;align-items:center;gap:8px;
  color: var(--amb-text) !important;
  text-decoration:none;position:relative;transition:all .25s ease;border-radius:4px;padding:6px 14px;
}
.amb-menu-item a:hover, .amb-special-item a:hover{ color: var(--amb-hover) !important; }

/* Fondo en hover (opcional) */
.amb-hoverbg-on .amb-menu-item a:hover,
.amb-hoverbg-on .amb-special-item a:hover{ background: var(--amb-hover-bg); }

/* Efectos de hover */
.amb-title{transition:transform .25s ease;display:inline-block}

/* underline (gradiente) */
.amb-effect-underline .amb-menu-item a::after,
.amb-effect-underline .amb-special-item a::after,
.amb-effect-underline-lift .amb-menu-item a::after,
.amb-effect-underline-lift .amb-special-item a::after{
  content:'';position:absolute;left:10px;right:10px;bottom:2px;height:2px;
  background: linear-gradient(to right, var(--amb-underline-from), var(--amb-underline-to));
  transform:scaleX(0);transform-origin:right;transition:transform .35s ease-out;
}
.amb-effect-underline .amb-menu-item a:hover::after,
.amb-effect-underline .amb-special-item a:hover::after,
.amb-effect-underline-lift .amb-menu-item a:hover::after,
.amb-effect-underline-lift .amb-special-item a:hover::after{ transform:scaleX(1); transform-origin:left; }

/* lift */
.amb-effect-lift .amb-menu-item a:hover .amb-title,
.amb-effect-underline-lift .amb-menu-item a:hover .amb-title,
.amb-effect-lift .amb-special-item a:hover .amb-title,
.amb-effect-underline-lift .amb-special-item a:hover .amb-title{ transform: translateY(-2px); }

/* glow */
.amb-effect-glow .amb-menu-item a:hover,
.amb-effect-glow .amb-special-item a:hover{
  text-shadow: 0 0 8px var(--amb-hover), 0 0 14px var(--amb-hover);
}

/* Íconos */
.amb-icon{display:inline-block !important;font:normal normal normal 14px/1 FontAwesome !important;font-size:inherit !important;text-rendering:auto !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale !important;width:1em;text-align:center}
.amb-lottie{display:inline-block;vertical-align:middle}

/* Vertical */
.amb-vertical-menu .amb-menu{display:block;flex-wrap:nowrap}
.amb-vertical-menu .amb-menu-item{width:100%;margin-bottom:5px}

/* Submenús */
.amb-submenu{
  display:none;position:absolute;min-width:260px;background:var(--amb-submenu-bg);
  border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:100;padding:10px 0;margin-top:2px;
  opacity:0;transform:translateY(8px);transition:opacity .25s ease, transform .25s ease;
}
.amb-has-children:hover .amb-submenu{display:block;opacity:1;transform:translateY(0)}
.amb-submenu .amb-menu-item a{padding:8px 14px}
.amb-submenu .amb-menu-item{white-space:nowrap}
.amb-has-children > a::after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:8px;transition:transform .25s ease}
.amb-has-children:hover > a::after{transform:rotate(180deg)}

/* Mega menu (opcional) */
.amb-mega-menu-content{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--amb-submenu-bg);width:1200px;min-width:300px;padding:15px;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:100;opacity:0;transition:opacity .25s ease, transform .25s ease}
.amb-menu-item:hover .amb-mega-menu-content{display:block;opacity:1;transform:translateX(-50%)}

/* Responsive */
@media (max-width:992px){ .amb-menu{flex-wrap:wrap} }
@media (max-width:768px){
  .amb-main-menu .amb-hamburger-button, .amb-vertical-menu .amb-hamburger-button{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;padding:10px;position:absolute;top:10px;right:15px;z-index:1000}
  .amb-hamburger-bars{display:flex;flex-direction:column;justify-content:center;margin-right:8px}
  .amb-hamburger-bars span{display:block;width:25px;height:3px;background-color:var(--amb-text);margin:2px 0;transition:all .3s ease}
  .amb-menu-text{color:var(--amb-text);font-size:16px;font-weight:bold}

  .amb-main-menu .amb-menu, .amb-vertical-menu .amb-menu{
    display:none;position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--amb-submenu-bg);
    flex-direction:column;z-index:9999;padding:60px 0 15px 0;box-shadow:-10px 0 20px rgba(0,0,0,.2);
    transform:translateX(100%);transition:transform .3s ease-in-out;overflow-y:auto
  }
  .amb-main-menu .amb-menu.amb-active, .amb-vertical-menu .amb-menu.amb-active{display:flex;transform:translateX(0)}
  .amb-main-menu .amb-menu-item, .amb-vertical-menu .amb-menu-item{width:100%}
  .amb-main-menu .amb-menu a, .amb-vertical-menu .amb-menu a{padding:12px 20px}
  .amb-main-menu .amb-submenu, .amb-vertical-menu .amb-submenu{position:static;min-width:auto;box-shadow:none;padding:0;background:rgba(255,255,255,.06);display:none}
  .amb-main-menu .amb-has-children.amb-active .amb-submenu, .amb-vertical-menu .amb-has-children.amb-active .amb-submenu{display:block}
  .amb-main-menu .amb-has-children > a::after, .amb-vertical-menu .amb-has-children > a::after{position:absolute;right:20px}
  .amb-main-menu .amb-toggle-submenu, .amb-vertical-menu .amb-toggle-submenu{margin-left:auto;transition:transform .3s ease}
  .amb-main-menu .amb-has-children.amb-active .amb-toggle-submenu, .amb-vertical-menu .amb-has-children.amb-active .amb-toggle-submenu{transform:rotate(180deg)}
  .amb-mega-menu-content{position:static;width:100%;box-shadow:none;padding:10px 0;display:none}
  .amb-menu-item:hover .amb-mega-menu-content{display:block}
}
