/* Native palette, one navigation. No transform on overlay ancestors. */
[data-laude-header] {
  --laude-header-width:var(--laude-layout-width,100%); --laude-header-top:0px;
  position:fixed!important; left:calc((var(--laude-layout-width,100%) - var(--laude-header-width)) / 2)!important;right:auto!important; margin-inline:0!important; top:var(--laude-header-top)!important;
  width:var(--laude-header-width)!important; max-width:none!important; border-radius:0;
  transition:width 1000ms cubic-bezier(.16,1,.3,1),left 1000ms cubic-bezier(.16,1,.3,1),height 1000ms cubic-bezier(.16,1,.3,1),top 1000ms cubic-bezier(.16,1,.3,1),padding 1000ms cubic-bezier(.16,1,.3,1),border-radius 1000ms cubic-bezier(.16,1,.3,1),background-color 700ms,border-color 700ms,box-shadow 700ms!important;
}
[data-laude-header][data-laude-compact="true"] {--laude-header-width:min(850px,calc(var(--laude-layout-width,100%) - 40px));--laude-header-top:20px;border-radius:50px;box-shadow:0 8px 30px color-mix(in oklab,var(--foreground) 12%,transparent);}
[data-laude-header="landing"] {height:92px!important;padding:24px 0!important;display:flex;flex-direction:column;justify-content:center;}
[data-laude-header="landing"][data-laude-compact="true"] {height:70px!important;padding:12px 0!important;background:color-mix(in oklab,var(--background) 85%,transparent);backdrop-filter:blur(16px);border:1px solid var(--border);}
[data-laude-header="landing"]>div:last-child {width:100%;max-width:1280px;box-sizing:border-box;transition:padding 1000ms cubic-bezier(.16,1,.3,1),gap 1000ms cubic-bezier(.16,1,.3,1),border-radius 1000ms cubic-bezier(.16,1,.3,1),background-color 700ms,box-shadow 700ms!important;}
[data-laude-header="landing"][data-laude-compact="true"]>div:last-child {max-width:none!important;padding:0 16px!important;gap:16px!important;border:0!important;box-shadow:none!important;background:transparent!important;}
[data-laude-header="landing"]>div:first-child {border-radius:inherit;}
[data-laude-header="pricing"],[data-laude-header="legal"],[data-laude-header="app"] {height:var(--laude-native-height);min-height:68px;}
[data-laude-header="pricing"]>div,[data-laude-header="legal"]>div {height:100%;padding-block:10px!important;}
[data-laude-header="pricing"][data-laude-compact="true"],[data-laude-header="legal"][data-laude-compact="true"],[data-laude-header="app"][data-laude-compact="true"] {height:70px;}
[data-laude-header="admin"] {min-height:116px;border-radius:0;background:color-mix(in oklab,var(--card) 95%,transparent);}
[data-laude-header="admin"][data-laude-compact="true"] {border-radius:28px;}
[data-laude-header="admin"]>div {gap:8px!important;flex-wrap:wrap;min-height:68px;}
[data-laude-header="admin"] nav {min-height:48px;scrollbar-width:thin;}
[data-laude-header] a,[data-laude-header] button {min-height:44px;min-width:44px;align-items:center;justify-content:center;}
[data-laude-header] button {min-width:44px;}
[data-laude-header] a:focus-visible,[data-laude-header] button:focus-visible {outline:2px solid var(--ring);outline-offset:3px;}
[data-laude-header="app"] {z-index:20!important;}
[data-laude-header="app"]>button {height:44px;width:44px;}

[data-laude-drawer-overlay] {z-index:40!important;}
[data-laude-drawer] {max-width:calc(100vw - 24px);overflow-y:auto!important;overscroll-behavior:contain;}
[data-laude-drawer] button,[data-laude-drawer] a {min-height:44px;}
[data-laude-drawer]>button {min-width:44px;}
#app aside.fixed.inset-y-0>div {overflow-y:auto;overscroll-behavior:contain;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child{display:grid;grid-template-columns:auto 1fr;row-gap:4px!important;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>div:last-child{display:contents;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>a{grid-column:1;grid-row:1;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>div:last-child>button{grid-column:2;grid-row:1;justify-self:end;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>div:last-child>a{grid-row:2;justify-self:start;}
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>div:last-child>a[href="/registro"],[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child>div:last-child>a[href="/inicio"]{grid-column:2;justify-self:end;}
@media(max-width:760px){
 [data-laude-header][data-laude-compact="true"] {--laude-header-width:calc(var(--laude-layout-width,100%) - 28px);--laude-header-top:12px;}
 [data-laude-header="landing"] {height:76px!important;padding:16px 0!important;}
 [data-laude-header="landing"][data-laude-compact="true"],[data-laude-header="pricing"][data-laude-compact="true"],[data-laude-header="legal"][data-laude-compact="true"],[data-laude-header="app"][data-laude-compact="true"] {height:64px!important;padding-block:10px!important;}
 [data-laude-header="landing"]>div:last-child,[data-laude-header="landing"][data-laude-compact="true"]>div:last-child{gap:8px!important;padding-inline:12px!important;}
 [data-laude-header="admin"]>div {padding-inline:10px!important;}
 [data-laude-header="admin"]>div>a {gap:4px!important;}
 [data-laude-header="admin"]>div>div{gap:4px!important;}
 [data-laude-header="admin"]>div>div>a,[data-laude-header="admin"]>div>div>button{padding-inline:8px!important;}
}
@media(min-width:1024px){[data-laude-header-reserve="app"]{display:none!important;}}
@media(prefers-reduced-motion:reduce){[data-laude-header],[data-laude-header] *{transition-duration:0s!important;animation-duration:0s!important;}}
[data-laude-header]{height:var(--laude-expanded-height,var(--laude-native-height))!important;}
[data-laude-header][data-laude-compact="true"]{height:var(--laude-compact-height,var(--laude-native-height))!important;}
[data-laude-header][data-laude-measuring="true"]{height:auto!important;transition:none!important;}
[data-laude-header][data-laude-measuring="true"] *{transition:none!important;}
[data-laude-header="landing"][data-laude-measuring="true"]{min-height:76px;}
[data-laude-header="landing"][data-laude-measuring="true"][data-laude-compact="true"]{min-height:70px;}
@media(max-width:760px){[data-laude-header="landing"][data-laude-measuring="true"][data-laude-compact="true"]{min-height:64px;}}


/* The outer landing header owns the compact material in both native React states. */
[data-laude-header="landing"]>div:last-child{padding-block:0!important;border-width:0!important;background:transparent!important;box-shadow:none!important;}
/* Initial binding has no transition; measurement must also beat the inner rule. */
[data-laude-header][data-laude-motion-ready="false"],
[data-laude-header][data-laude-motion-ready="false"] *{transition:none!important;}
[data-laude-header="landing"][data-laude-measuring="true"]>div:last-child,
[data-laude-header="landing"][data-laude-motion-ready="false"]>div:last-child{transition:none!important;}

/* Compact sizing preserves one 44px control row; the landing may keep two rows. */
[data-laude-header="pricing"][data-laude-compact="true"],
[data-laude-header="legal"][data-laude-compact="true"],
[data-laude-header="app"][data-laude-compact="true"]{min-height:70px!important;}
[data-laude-header="pricing"][data-laude-compact="true"],
[data-laude-header="legal"][data-laude-compact="true"]{padding-block:0!important;}
[data-laude-header="pricing"][data-laude-compact="true"]>div,
[data-laude-header="legal"][data-laude-compact="true"]>div{padding-block:9px!important;}
[data-laude-header="app"][data-laude-compact="true"]{padding-block:9px!important;}
[data-laude-header="landing"][data-laude-compact="true"]{padding-block:9px!important;}
@media(max-width:760px){
 [data-laude-header="pricing"][data-laude-compact="true"],
 [data-laude-header="legal"][data-laude-compact="true"],
 [data-laude-header="app"][data-laude-compact="true"]{min-height:64px!important;}
}
/* This final row-gap beats the mobile shorthand gap without hiding links. */
[data-laude-header="landing"][data-laude-two-row="true"]>div:last-child{row-gap:4px!important;}
@media(max-width:400px){
 [data-laude-header="pricing"][data-laude-compact="true"]>div{padding-inline:10px!important;}
 [data-laude-header="pricing"][data-laude-compact="true"]>div>a:first-child{flex-shrink:0;}
 [data-laude-header="pricing"][data-laude-compact="true"] a[href="/registro"]{padding-inline:12px!important;}
}

/* Responsive padding follows the same native-header geometry curve. */
[data-laude-header="pricing"]>div,[data-laude-header="legal"]>div{transition:padding 1s cubic-bezier(.16,1,.3,1);}
:where([data-laude-header="pricing"]) a[href="/registro"]{transition:padding 1s cubic-bezier(.16,1,.3,1),opacity 150ms;}

html[data-ms-a11y-brand="laude"] #app button[role="switch"],html[data-ms-a11y-brand="laude"] [data-ms-focus-dialog] button[role="switch"]{min-height:44px;min-width:44px;}

html[data-ms-a11y-brand="laude"] #app .glass-input>div.w-0:has(button){visibility:hidden;}

html[data-ms-a11y-brand="laude"] #app .glass-input>div.w-0:has(button) button,html[data-ms-a11y-brand="laude"] #app .glass-input>div.w-0:has(button) button *{visibility:hidden;transition:none!important;}

[data-laude-header="landing"]>div:last-child>a{flex-shrink:0;}

/* Owner 2026-10-27: internal application bars stay full-sized and visible.
   They never enter the public-header geometry controller. Keep existing control fixes. */
[data-laude-static-header]{position:sticky;top:0;z-index:20;border-radius:0;}
[data-laude-static-header] a,[data-laude-static-header] button{min-height:44px;min-width:44px;align-items:center;justify-content:center;}
[data-laude-static-header] a:focus-visible,[data-laude-static-header] button:focus-visible{outline:2px solid var(--ring);outline-offset:3px;}
[data-laude-static-header="app"]>button{height:44px;width:44px;}
[data-laude-static-header="admin"]{min-height:116px;background:color-mix(in oklab,var(--card) 95%,transparent);}
[data-laude-static-header="admin"]>div{gap:8px!important;flex-wrap:wrap;min-height:68px;}
[data-laude-static-header="admin"] nav{min-height:48px;scrollbar-width:thin;}
@media(max-width:760px){
 [data-laude-static-header="admin"]>div{padding-inline:10px!important;}
 [data-laude-static-header="admin"]>div>a,[data-laude-static-header="admin"]>div>div{gap:4px!important;}
 [data-laude-static-header="admin"]>div>div>a,[data-laude-static-header="admin"]>div>div>button{padding-inline:8px!important;}
}
