/* Segunda Opinión Dental · barra de navegación flotante (páginas interiores) */
.nav{position:fixed;top:16px;left:0;right:0;z-index:50;pointer-events:none}
.nav-in{pointer-events:auto;max-width:1320px;margin:0 auto;padding:0 16px}
.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid rgba(11,46,33,.12);border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 1px 2px rgba(11,46,33,.06),0 14px 34px -16px rgba(11,46,33,.32);transition:box-shadow .3s}
.nav.scrolled .nav-bar{box-shadow:0 1px 2px rgba(11,46,33,.08),0 18px 40px -14px rgba(11,46,33,.42)}
.nav .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0B2E21;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;white-space:nowrap;padding:0}
.nav .brand i{flex:none;width:42px;height:42px;border-radius:50%;background:url(/images/marca/sello-4a-128.png) center/contain no-repeat;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.nav .brand:hover i{transform:rotate(-24deg)}
.nav-bar{padding-left:8px}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{color:#3C4641;text-decoration:none;font-size:15px;font-weight:500;padding:10px 14px;border-radius:999px;transition:background .2s,color .2s}
.nav-links a:hover{background:#F5F7F6;color:#0B2E21}
.nav-links a[aria-current]{color:#0B2E21;background:#E4EFE9}
.nav-links a.cta{background:#0B2E21;color:#fff;font-weight:600;padding:12px 20px;margin-left:6px}
.nav-links a.cta:hover{background:#065C3C;color:#fff}
.nav-links a:focus-visible,.nav-tog:focus-visible,.nav .brand:focus-visible{outline:3px solid #065C3C;outline-offset:3px}
.nav-tog{display:none;width:44px;height:44px;border-radius:50%;border:0;background:#0B2E21;color:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0}
.nav-tog span,.nav-tog span::before,.nav-tog span::after{display:block;width:16px;height:1.5px;background:#fff;position:relative;transition:transform .3s}
.nav-tog span::before,.nav-tog span::after{content:"";position:absolute;left:0}
.nav-tog span::before{top:-5px}.nav-tog span::after{top:5px}
.nav-open .nav-tog span{background:transparent}
.nav-open .nav-tog span::before{transform:translateY(5px) rotate(45deg)}
.nav-open .nav-tog span::after{transform:translateY(-5px) rotate(-45deg)}
/* deja sitio a la barra flotante */
.top{padding-top:92px}
@media (max-width:960px){
.nav-links{position:fixed;top:84px;left:16px;right:16px;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid #E3E8E5;border-radius:24px;padding:12px;box-shadow:0 30px 60px -30px rgba(11,46,33,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),visibility .3s}
.nav-open .nav-links{opacity:1;visibility:visible;transform:none}
.nav-links a{font-size:18px;padding:14px 16px}
.nav-links a.cta{margin:8px 0 0;text-align:center}
.nav-tog{display:inline-flex}
.top{padding-top:84px}
}