#navbar-container{position:relative;z-index:998}body.nav-menu-open #navbar-container{z-index:10040}#navbar-container.navbar-page-index{position:absolute;top:0;left:0;width:100%}.a2-navbar{position:relative;top:0;width:100%;padding:10px 0;display:flex;justify-content:center;align-items:center;border:none;box-shadow:none;background:#000000b3;z-index:10000}.nav-container{font-family:motiva;display:flex;justify-content:center;align-items:center;gap:15px;width:100%;max-width:1180px;padding-left:12px;padding-right:12px;box-sizing:border-box}.nav-brand{display:flex;align-items:center;flex-shrink:0}.nav-links{display:flex;justify-content:center;align-items:center;gap:15px;min-width:0}.a2-navbar a{color:#fff;text-decoration:none;border-radius:5px;transition:background .3s;white-space:nowrap}.a2-navbar a:hover{background:#fff0}.nav-main-link,.megamenu>a,.nav-links>a{display:inline-flex;align-items:center;justify-content:center;line-height:1}.megamenu{position:relative;z-index:10001}.megamenu-content{text-wrap:balance;z-index:10002}.logo_nav{height:50px;width:255px;object-fit:contain}.nav-container img{border-radius:10px}@media(min-width:990px){.logo_nav{view-transition-name:main-logo}.a2-navbar a{font-size:24px;padding:10px 20px}.megamenu>a{color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;transition:background .3s}.megamenu:hover>a,.contacto-hover:hover,.gamebanana-hover:hover{background:#fff3}.megamenu-content{display:none;position:absolute;top:40px;left:0;background-color:#1e1e1e8c;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.12);padding:14px;border-radius:12px;width:600px;box-shadow:0 8px 24px #00000073;z-index:10002}.megamenu:hover .megamenu-content,.megamenu-content.is-open{display:block;margin-top:-10px!important;margin-left:-150px!important}.megamenu-content a{display:flex;align-items:center;color:#fff;text-decoration:none;padding:5px 20px;border-radius:10px;font-size:20px;white-space:normal}.megamenu-content a:hover{background:#fff3}.nav-menu-icon{width:70px;height:70px;object-fit:cover;flex:0 0 70px;margin-right:10px}.close-btn{display:none}}@media(max-width:990px){.a2-navbar{padding:8px 0}.nav-container{gap:10px}.logo_nav{height:50px;width:81px}.a2-navbar a{font-size:16px;padding:8px 12px}.nav-links{gap:6px}.megamenu-content{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000008c;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);padding-top:40px;padding-left:40px!important;padding-right:40px!important;box-shadow:none;border-radius:0;z-index:10002;display:none;overflow-y:auto;box-sizing:border-box}.disable-padding-top{padding-top:0!important}.megamenu-content a{display:flex;align-items:center;color:#fff;text-decoration:none;padding:10px;border-radius:5px;margin-bottom:10px;gap:10px;white-space:normal}.megamenu-content img{width:50px;height:50px;max-width:50px;max-height:50px;object-fit:cover;flex:0 0 50px}.megamenu-content.is-open{display:block}}@media(max-width:640px){.nav-container{flex-wrap:wrap;justify-content:center;row-gap:8px}.nav-brand{width:100%;justify-content:center}.nav-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}.nav-links>a,.megamenu>a{width:100%;min-width:0;min-height:38px;padding:8px 6px;font-size:clamp(.72rem,3.4vw,.95rem);text-align:center;white-space:normal;overflow-wrap:anywhere}.megamenu{min-width:0;width:100%}#navbar-container.navbar-page-index{position:absolute;top:0;left:0;width:100%}#navbar-container.navbar-page-index .a2-navbar{background:#0000008c}}@media(max-width:380px){.nav-links>a,.megamenu>a{font-size:.72rem;padding-left:4px;padding-right:4px}.logo_nav{height:36px!important;width:58px!important;max-width:160px;margin:0!important}}@media(max-width:330px){.a2-navbar a{font-size:11px}.logo_nav,.nav-brand{display:none}.nav-links{margin-top:0}}.close-btn{position:absolute;top:10px;right:20px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer;z-index:10003}.close-btn:hover{color:#ffffffb3}@media(max-width:576px){.mb-mobile{margin-bottom:3rem!important}}main,section,header,footer{position:relative;z-index:1}
