/* Readable turquoise neon navigation */
.topbar{background:linear-gradient(110deg,#063b57,#087c78);font-size:14px;letter-spacing:.15px}
.topbar-inner{padding:9px 0}
.topbar a{white-space:nowrap;text-shadow:0 0 12px #61e8d17d}
.navbar{background:linear-gradient(115deg,#fff 0%,#f2fbff 58%,#edfffb 100%);border-bottom:2px solid #62dccd;box-shadow:0 5px 24px #067c8a20,0 1px 12px #39e7d637}
.navbar .nav-inner{width:min(1320px,calc(100% - 40px));min-height:104px;gap:28px;padding:16px 0}
.navbar .brand{flex-shrink:0;border-radius:14px;padding:5px 8px;background:#ffffffad}
.navbar .brand .brand-logo{width:230px;max-width:100%;filter:drop-shadow(0 3px 5px #0b568d17)}
.navbar .menu{justify-content:flex-end;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.35}
.navbar .menu a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;color:#083b57;background:linear-gradient(145deg,#fff,#f0fffc);border:1px solid #63cfc4;border-radius:13px;box-shadow:inset 0 0 0 1px #fff,0 0 9px #16c9bd26,0 3px 7px #0d6d8220;transition:color .2s,background .2s,box-shadow .2s,transform .2s;white-space:nowrap}
.navbar .menu a:hover,.navbar .menu a:focus-visible{color:#fff;background:linear-gradient(125deg,#087c96,#087f6d);border-color:#27f5d7;box-shadow:0 0 0 2px #5bf6de38,0 0 18px #19d4bd85,0 6px 14px #087b8c24;transform:translateY(-2px)}
.navbar .menu a:focus-visible,.navbar .brand:focus-visible{outline:3px solid #0864ab;outline-offset:4px}
.navbar .menu>a:last-child{color:#fff;background:linear-gradient(125deg,#067ea2,#087e71);border-color:#38dec6;box-shadow:0 0 12px #14cdbb55,inset 0 1px 0 #ffffff40}
.navbar .menu>a:last-child:hover{background:linear-gradient(125deg,#075d81,#075e54);box-shadow:0 0 20px #14d5bba6}
@media(max-width:1150px){.navbar .nav-inner{gap:18px}.navbar .brand .brand-logo{width:195px}.navbar .menu{gap:9px;font-size:15px}.navbar .menu a{padding:11px 12px}}
@media(max-width:960px){.navbar .nav-inner{flex-direction:column;align-items:center;gap:16px;padding:15px 0 18px}.navbar .menu{justify-content:center;width:100%}.navbar .brand .brand-logo{width:215px}}
@media(max-width:600px){.navbar{position:relative}.navbar .nav-inner{width:calc(100% - 28px);gap:12px}.navbar .brand .brand-logo{width:200px}.navbar .menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;font-size:14px}.navbar .menu a{padding:10px 7px;min-height:46px;white-space:normal;text-align:center;border-radius:11px}.topbar-inner{gap:12px;font-size:12px}.topbar-inner>span{max-width:60%}}
@media(max-width:360px){.navbar .menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.navbar .menu a{transition:none}.navbar .menu a:hover,.navbar .menu a:focus-visible{transform:none}}

/* Prominent phone and direct contact actions */
.topbar .topbar-inner{padding:10px 0;gap:18px}
.topbar-contact{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0}
.topbar .topbar-phone,.topbar .topbar-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:7px 15px;border-radius:12px;color:#fff;border:1px solid #5fe8d7;box-shadow:0 0 13px #51e9d538;text-decoration:none;white-space:nowrap}
.topbar .topbar-phone{font-size:25px;line-height:1.2;font-weight:800;letter-spacing:.7px;background:#ffffff14;text-shadow:0 1px 3px #002f40}
.topbar .topbar-whatsapp{font-size:16px;line-height:1.2;font-weight:700;background:#087945;border-color:#55eeab;box-shadow:0 0 14px #32e88940}
.topbar-contact svg{flex-shrink:0}
.topbar .topbar-phone:hover{background:#ffffff26;box-shadow:0 0 20px #51e9d56b}
.topbar .topbar-whatsapp:hover{background:#06673b;box-shadow:0 0 20px #32e88970}
.topbar-contact a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.topbar .topbar-inner{flex-direction:column;gap:7px;padding:9px 0 11px}.topbar .topbar-inner>span{max-width:100%;font-size:12px;text-align:center}.topbar-contact{width:100%;gap:10px}.topbar .topbar-phone{font-size:22px;padding:8px 12px;letter-spacing:.3px}.topbar .topbar-whatsapp{font-size:14px;padding:8px 12px;gap:7px}}
@media(max-width:380px){.topbar .topbar-phone{font-size:19px;padding:8px}.topbar .topbar-whatsapp{padding:8px;font-size:13px}.topbar-contact{gap:8px}}