/* Navbar único de TeoTec para páginas que no cargan global.css (Hub, contacto, legales, cómo trabajamos).
   Todo va acotado a #mainNav para no tocar el resto de cada página. Se usa junto a home-herramientas.css. */
#mainNav{--nu-accent:#66fcf1;background:rgba(5,5,7,.8);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem 0;transition:all .3s ease;font-family:'Rajdhani',sans-serif;text-transform:none;line-height:1.5;text-align:left}
#mainNav .navbar-brand,#mainNav .btn,#mainNav .font-tech{font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:1px}
#mainNav .nav-link{color:#fff!important;font-family:'Orbitron',sans-serif;font-size:.8rem;font-weight:500;position:relative;margin:0 10px;letter-spacing:1px}
#mainNav .nav-link::before{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--nu-accent);transition:width .3s;box-shadow:0 0 10px var(--nu-accent)}
#mainNav .nav-link:hover::before{width:100%}
#mainNav .dropdown-menu{margin-top:15px!important;background:rgba(5,5,7,.95)!important;backdrop-filter:blur(10px)}
#mainNav .dropdown-item{transition:all .3s ease;font-family:'Rajdhani',sans-serif;text-transform:none;letter-spacing:0}
#mainNav .dropdown-item:hover{background-color:rgba(102,252,241,.1)!important;padding-left:1.5rem!important}
#mainNav .dropdown-toggle::after{color:var(--nu-accent);margin-left:.5em;vertical-align:.15em}
#mainNav .text-accent{color:var(--nu-accent)}
#mainNav .text-gray{color:#8892b0}
#mainNav .text-cyan{color:#0dcaf0!important}
#mainNav .dropdown-item:hover .text-cyan{color:#fff!important}
#mainNav .btn-cyber{background:transparent;border:1px solid var(--nu-accent);color:var(--nu-accent);padding:10px 25px;font-weight:bold;position:relative;overflow:hidden;transition:all .3s;z-index:1}
#mainNav .btn-cyber::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--nu-accent);transition:left .3s;z-index:-1}
#mainNav .btn-cyber:hover{color:#0b0c10;box-shadow:0 0 20px rgba(102,252,241,.4)}
#mainNav .btn-cyber:hover::before{left:0}
#mainNav .btn-latido{animation:nu-pulse 2s infinite}
@keyframes nu-pulse{0%{box-shadow:0 0 0 0 rgba(102,252,241,.6)}70%{box-shadow:0 0 0 10px rgba(102,252,241,0)}100%{box-shadow:0 0 0 0 rgba(102,252,241,0)}}
@media(prefers-reduced-motion:reduce){#mainNav .btn-latido{animation:none}}
/* el navbar es fixed-top: deja lugar arriba en las páginas que lo reciben */
html body.nav-unico{padding-top:92px}
@media(max-width:1199.98px){html body.nav-unico{padding-top:80px}}