@import url("cta-hover.css?v=estandar-20261031");
/* Shared navigation and footer. Approved feedback, 31 October 2026. */
.beos-header-slot{height:var(--beos-header-height,103px)}
.beos-topbar.site-topbar{position:fixed;inset:0 0 auto;z-index:1000;background:#fff;color:#222;box-shadow:0 1px 0 transparent;transition:box-shadow .2s}
.beos-topbar.has-contact-cta{box-shadow:0 1px 0 #dfe7ea}
.beos-header{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:24px clamp(22px,4.5vw,72px);min-height:103px;display:flex;align-items:center;gap:20px;font-family:Rethink,Arial,sans-serif;line-height:1.4}
.beos-header *{box-sizing:border-box}
.beos-header .beos-logo{display:block;flex:none;line-height:0;margin:0;padding:0}
.beos-logo img{display:block;width:128px;height:auto}
.beos-brand-meaning{flex:none;font-size:12px;line-height:1.15;letter-spacing:-.03em;color:#90aab5;white-space:nowrap}
.beos-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:16px;font-weight:400;line-height:1.4}
.beos-nav a{display:inline-flex;align-items:center;color:#222;text-decoration:none;white-space:nowrap;min-height:44px;padding:10px 0;line-height:1.4}
.beos-nav a[aria-current=page]{box-shadow:0 2px #349cc4;color:#086181}
.beos-header .beos-contact-link{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:10px;padding:12px 15px;min-height:44px;border:1px solid #f29a58;border-radius:4px;font-size:16px;font-weight:500;line-height:1.2;background:#f29a58;color:#222;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.beos-contact-link svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.beos-contact-short{display:none}
.beos-topbar .beos-contact-link:is(:hover,:focus-visible){background:#086181;color:#fff;border-color:#086181}
.beos-header :is(a,button):focus-visible{outline:3px solid #086181;outline-offset:4px}
.beos-menu-toggle{display:none;position:relative;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #c8dce4;border-radius:4px;background:#fff;color:#222;cursor:pointer}
.beos-menu-lines,.beos-menu-lines::before,.beos-menu-lines::after{display:block;width:19px;height:2px;background:currentColor;transition:transform .18s,background .18s}
.beos-menu-lines{position:relative}
.beos-menu-lines::before,.beos-menu-lines::after{position:absolute;content:"";left:0}
.beos-menu-lines::before{transform:translateY(-6px)}
.beos-menu-lines::after{transform:translateY(6px)}
.beos-menu-toggle[aria-expanded=true] .beos-menu-lines{background:transparent}
.beos-menu-toggle[aria-expanded=true] .beos-menu-lines::before{transform:rotate(45deg)}
.beos-menu-toggle[aria-expanded=true] .beos-menu-lines::after{transform:rotate(-45deg)}
.beos-nav[hidden],.beos-menu-toggle[hidden]{display:none}
body.interior .beos-topbar{background-image:var(--page-surface);background-color:#fff;background-size:var(--surface-width,100vw) var(--surface-height,100vh);background-position:0 var(--surface-y,0);background-repeat:no-repeat}
.site-footer .footer-socials{display:flex;flex-wrap:wrap;gap:2px 16px;margin:18px 0 0;padding:0;list-style:none}
.site-footer .footer-socials a{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:13px;color:#086181;text-decoration:none;line-height:1.3}
.site-footer .footer-socials svg{display:block;flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.site-footer .footer-socials a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-baseline{padding-bottom:72px}
.site-footer .footer-baseline .back-to-top{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#222;text-decoration:none;white-space:nowrap}
.site-footer .footer-baseline .back-to-top span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #f29a58;border-radius:4px;background:#f29a58;color:#222;transition:background .2s,color .2s}
.site-footer .footer-baseline .back-to-top:is(:hover,:focus-visible) span{background:#086181;border-color:#086181;color:#fff}
.site-footer :is(.footer-socials a,.back-to-top):focus-visible{outline:3px solid #086181;outline-offset:4px}
@media(max-width:1000px){.beos-header{gap:18px}.beos-logo img{width:110px}.beos-brand-meaning{display:none}.beos-nav{gap:16px}}
@media(max-width:760px){
 .beos-header{padding:14px 20px;gap:10px;min-height:76px}
 .beos-logo img{width:88px}
 .beos-header .beos-contact-link{margin-left:auto;gap:8px;padding:11px 13px;font-size:14px;min-height:44px}
 .beos-contact-full{display:none}.beos-contact-short{display:inline}
 .beos-contact-link svg{width:16px;height:16px}
 .beos-menu-toggle:not([hidden]){display:inline-flex}
 .beos-header.is-enhanced .beos-nav{position:absolute;top:calc(100% + 8px);left:16px;right:16px;margin:0;padding:10px 16px;display:flex;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid #dbe7ec;border-radius:4px;box-shadow:0 12px 32px #153d501a;max-height:calc(100dvh - 100px);overflow-y:auto}
 .beos-header.is-enhanced .beos-nav[hidden]{display:none}
 .beos-header.is-enhanced .beos-nav a{min-height:48px;padding:11px 8px;font-size:17px}
 .beos-header.is-enhanced .beos-nav a[aria-current=page]{box-shadow:none;background:#edf7fb;border-radius:3px}
 .beos-header:not(.is-enhanced){flex-wrap:wrap}
 .beos-header:not(.is-enhanced) .beos-nav{order:5;flex-basis:100%;margin:0;justify-content:flex-end}
 .site-footer .footer-baseline{gap:12px 24px;flex-wrap:wrap}
}
@media(max-width:370px){.beos-header{padding-inline:16px;gap:8px}.beos-logo img{width:79px}.beos-header .beos-contact-link{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.beos-topbar,.beos-contact-link,.beos-menu-lines,.beos-menu-lines::before,.beos-menu-lines::after,.site-footer .back-to-top span{transition:none}}
