/* Menú Proyectos: panel con categorías y vistas previas (escritorio) y lista anidada (móvil). */
.am-nav-item{position:relative;display:inline-flex;flex-direction:column}
.am-mega-trigger{display:inline-flex;align-items:center;gap:5px}
.am-mega-trigger .am-ico{width:15px;height:15px;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
.am-nav.am-mega-open .am-mega-trigger .am-ico{transform:rotate(180deg)}
.am-nav-sub{display:none}
.am-mega{display:none}

@media(min-width:992px){
	.am-mega{position:fixed;z-index:60;left:50%;top:var(--am-mega-top,96px);display:block;box-sizing:border-box;width:min(980px,calc(100vw - 48px));padding:14px;border-radius:26px;border:1px solid rgba(17,17,19,.07);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 34px 44px -22px rgba(17,17,19,.22),0 4px 12px rgba(17,17,19,.05);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .22s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s linear .3s}
	.am-mega::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
	.am-nav.am-mega-open{box-shadow:none!important}
	.am-nav.am-mega-open + .am-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
	.am-mega-inner{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:18px;align-items:stretch}
	.am-mega-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
	.am-mega-link{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:16px;color:#17171a;text-decoration:none;transition:background .2s}
	.am-mega-link:hover,.am-mega-link:focus-visible{background:rgba(17,17,19,.05);outline:0}
	.am-mega-ico{display:grid;flex:none;width:42px;height:42px;place-items:center;border-radius:13px;background:#f0f0f3;color:#111113;transition:background .2s,box-shadow .2s}
	.am-mega-ico .am-ico-img{width:34px;height:34px;object-fit:contain;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
	.am-mega-link:hover .am-mega-ico,.am-mega-link:focus-visible .am-mega-ico{background:#fff;box-shadow:0 1px 4px rgba(17,17,19,.1)}
	.am-mega-link:hover .am-ico-img,.am-mega-link:focus-visible .am-ico-img{transform:scale(1.08)}
	.am-mega-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
	.am-mega-txt strong{font:600 15px/1.25 "Rethink Sans",sans-serif;letter-spacing:-.01em}
	.am-mega-txt small{color:#5f5f68;font:400 13px/1.35 "Rethink Sans",sans-serif}
	.am-mega-previews{display:flex;align-items:center;justify-content:center;gap:10px;min-height:0}
	.am-mega-card{position:relative;display:block;overflow:hidden;flex:none;width:calc((100% - 10px) / 2);aspect-ratio:1;min-width:0;border-radius:18px;background:#111113;color:#fff;text-decoration:none;isolation:isolate}
	.am-mega-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
	.am-mega-card:hover img,.am-mega-card:focus-visible img{transform:scale(1.05)}
	.am-mega-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.66));z-index:1}
	.am-mega-card-label{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;font:600 15px/1.2 "Rethink Sans",sans-serif;letter-spacing:-.01em}
	.am-mega-previews{transition:opacity .14s ease,transform .14s ease}
	.am-mega-previews.is-swapping{opacity:0;transform:translateY(4px)}
	.am-mega-previews.is-reels .am-mega-card{width:calc((100% - 20px) / 3);aspect-ratio:5/8}
	.am-mega-play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#111113;transform:translate(-50%,-50%)}
	.am-mega-play svg{width:18px;height:18px;margin-left:2px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.am-mega{background:#fff}}
@media(prefers-reduced-motion:reduce){.am-mega,.am-mega-card img,.am-mega-trigger .am-ico,.am-mega-previews{transition:none}}

/* Móvil: dentro del menú desplegable, las categorías van debajo de «Proyectos». */
@media(max-width:991px){
	.am-nav-item{display:block}
	.am-mega-trigger .am-ico{display:none}
	.am-nav-sub{display:flex;flex-direction:column;gap:2px;margin:8px 0 6px;padding:0 0 0 14px;list-style:none;border-left:2px solid #e3e3ea}
	.am-nav-sublink{display:flex;align-items:center;gap:10px;padding:8px 0;color:#4a4a52;font:500 16px/1.3 "Rethink Sans",sans-serif;text-decoration:none}
	.am-nav-sublink .am-ico-img{width:28px;height:28px;flex:none;object-fit:contain}
}

/* Pestaña de Proyectos que lleva a la página de motion. */
.am-proj-tab-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.am-proj-tab-link .am-ico-img{width:24px;height:24px;margin:-3px 0 -3px -4px;object-fit:contain}

/* Móvil: el menú desplegable va en blanco sólido para que no se mezcle con el contenido de atrás. */
@media(max-width:991px){
	.am-nav .am-nav-links{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}