@font-face{font-family:Header Inter;src:url('/assets/header-inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.site-header{height:72px;position:sticky;top:0;z-index:40;display:block;padding:0;background:#fff;border-bottom:1px solid #eceaf1;box-shadow:0 2px 12px #28203d05;font-family:Header Inter,Inter,Arial,sans-serif;color:#454052}
.site-header *{box-sizing:border-box}
.site-header .header-inner{max-width:2040px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;gap:32px}
.site-header .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:18px;font-weight:700;letter-spacing:-.55px;color:#302b3d;white-space:nowrap;text-decoration:none;border-radius:10px}
.site-header .brand-symbol{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#f5f1fc;border:1px solid #ede6fa;border-radius:12px}
.site-header .header-panel{flex:1;min-width:0}
.site-header .header-panel-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-header #nav{display:flex;position:static;align-items:center;gap:3px;padding:0;background:transparent;box-shadow:none;flex:0 1 auto}
.site-header #nav a,.site-header .navright>*{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 11px;border:0;border-radius:9px;color:#514b5f;background:transparent;font:500 13px/1.3 Header Inter,Inter,Arial,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.site-header #nav a:hover,.site-header .navright>*:hover{color:#7d26ce;background:#f5effc}
.site-header #nav a[aria-current="page"],.site-header .navright a[aria-current="page"]{color:#7d26ce;background:#f2eafa}
.site-header .header-icon{flex-shrink:0;width:18px;height:18px}
.site-header .header-tool-icon{display:none}
.site-header .navright{display:flex;align-items:center;gap:3px;margin:0}
.site-header .navright span{display:inline}
.site-header .navright .header-login{margin-left:7px;padding:0 17px;color:#fff;background:#8727df;box-shadow:0 2px 4px #8727df14}
.site-header .navright .header-login:hover,.site-header .navright .header-login[aria-current="page"]{color:#fff;background:#7520c5;box-shadow:0 3px 9px #8727df24}
.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #b88ae9;outline-offset:3px}
.site-header #menu{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #eee8f6;border-radius:10px;color:#7541a8;background:#faf7fe;cursor:pointer;transition:background .2s ease}
.site-header #menu:hover{background:#f1e8fb}
.site-header .menu-close-icon{display:none}
@media(min-width:1201px) and (max-width:1940px){.site-header .header-inner{padding:0 20px;gap:20px}.site-header .header-panel-inner{gap:10px}.site-header #nav a,.site-header .navright>*{padding:0 8px;font-size:12px}.site-header .brand{font-size:17px}}
@media(max-width:1940px){
.site-header .header-inner{padding:0 24px;justify-content:space-between;gap:16px}
.site-header #menu{display:flex;flex-shrink:0}
.site-header .header-panel{display:grid;grid-template-rows:0fr;max-height:calc(100dvh - 72px);overflow-y:auto;position:absolute;left:0;right:0;top:100%;visibility:hidden;pointer-events:none;background:#fff;border-bottom:1px solid transparent;box-shadow:0 14px 25px #35204700;transition:grid-template-rows .2s ease,visibility .2s ease,box-shadow .2s ease,border-color .2s ease}
.site-header .header-panel-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;max-width:760px;margin:auto;padding:0 24px;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,padding .2s ease}
.site-header.is-open .header-panel{grid-template-rows:1fr;visibility:visible;pointer-events:auto;border-color:#ece6f3;box-shadow:0 14px 25px #35204712}
.site-header.is-open .header-panel-inner{padding-top:12px;padding-bottom:20px;opacity:1;transform:translateY(0)}
.site-header #nav{display:flex;position:static;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 12px;box-shadow:none;background:transparent}
.site-header #nav a,.site-header .navright>*{justify-content:flex-start;height:46px;min-height:46px;padding:0 14px;font-size:14px;gap:12px;border:0}
.site-header .header-tool-icon{display:block;color:#8a64ac}
.site-header .navright{display:grid;gap:4px;margin:0;padding-top:12px;border-top:1px solid #efebf4}
.site-header .navright a:nth-child(2){display:flex}
.site-header .navright .header-login{margin:8px 0 0;justify-content:center;height:44px;min-height:44px}
.site-header.is-open .menu-open-icon{display:none}.site-header.is-open .menu-close-icon{display:block}
}
@media(max-width:600px){.site-header{height:64px}.site-header .header-inner{padding:0 18px}.site-header .brand{font-size:17px;gap:9px}.site-header .brand-symbol{width:36px;height:36px;border-radius:10px}.site-header .brand-symbol svg{width:27px;height:27px}.site-header .header-panel-inner{padding-left:18px;padding-right:18px}.site-header.is-open .header-panel{max-height:calc(100dvh - 64px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}

/* TudoFácil brand lockup; original symbol and navigation preserved. */
.site-header .brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.site-header .brand-name{font-size:20px;line-height:1.15;letter-spacing:-.65px;font-weight:750;color:#302b3d}
.site-header .brand-slogan{font-size:10.5px;line-height:1.3;letter-spacing:0;font-weight:400;color:#64748b}
@media(max-width:400px){.site-header .header-inner{padding:0 16px}.site-header .brand{gap:8px}.site-header .brand-name{font-size:19px}.site-header .brand-slogan{font-size:10px}}
