/* Public Studio navigation is also used by login and registration. */
.studio-header{display:flex;align-items:center;gap:24px;padding:25px clamp(22px,5vw,80px);border-bottom:1px solid #ded4ee;background:#ffffffc9;color:#261542;font:400 16px/normal Manrope,'Segoe UI',sans-serif}
.studio-brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1.3px;font-weight:800;line-height:1.1}
.studio-brand small{font-size:12px;letter-spacing:.2px;font-weight:500;color:var(--muted,#716780);display:block;margin-top:6px}
.studio-brand .brand-icon{width:44px;height:44px;border-radius:14px;background:var(--purple,#6938ef);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;font:800 30px/1 Arial,sans-serif;flex-shrink:0}
.studio-header nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700;margin-left:auto;flex-shrink:0}
.studio-header .login-link{display:inline-flex;align-items:center;justify-content:center;background:#6938ef;color:#fff;padding:10px 18px;border-radius:9px;font-size:14px;font-weight:700;min-height:42px}
.studio-brand-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:386px;min-width:0}
.studio-brand-group>.studio-brand{min-width:0;min-height:52px;justify-content:center}
.studio-brand-group .studio-brand small{white-space:nowrap}
.consultoria-entry{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;border-radius:10px;color:#172c43;white-space:nowrap}
.consultoria-wordmark{display:block;font-size:29px;font-weight:800;line-height:1.25;letter-spacing:-1px}
.consultoria-suffix{color:#096b57;font-weight:500}
.consultoria-wordmark small{display:block;margin-top:7px;font-size:9px;font-weight:500;line-height:1.25;letter-spacing:2px;color:#617183;text-align:center}
.consultoria-entry:hover{background:#096b5708}
.consultoria-entry:focus-visible{outline:3px solid #149b7d;outline-offset:4px}

@media(max-width:700px){
 .studio-brand-group>.studio-brand,.studio-header .consultoria-entry{min-height:50px}
 .studio-header .login-link{min-height:44px;padding:9px 11px;font-size:13px}
}
@media(max-width:360px){.studio-header .login-link{padding-inline:9px;font-size:12px}}

/* The catalog and anonymous plans share the public tutorial action. */
.studio-header .public-catalog-tutorial{background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;padding:10px}
.studio-header .sentinel-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;min-height:44px;padding:9px 14px;border:1px solid #d9dde4;border-radius:9px;background:#f5f6f8;color:var(--studio-text,#292137);font:700 14px/1.3 Manrope,'Segoe UI',sans-serif;white-space:nowrap;text-decoration:none;box-shadow:none}
.studio-header .sentinel-link:hover{background:#e9edf2}
html[data-studio-theme=dark] .studio-header .sentinel-link{background:var(--studio-raised);border-color:var(--studio-line)}
html[data-studio-theme=dark] .studio-header .sentinel-link:hover{background:var(--studio-line)}
@media(max-width:760px){
 html .studio-header:has(.sentinel-link){height:auto;min-height:68px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}
 html .studio-header:has(.sentinel-link) .studio-brand-group{display:flex;justify-content:space-between;flex:1 0 100%;width:100%;gap:12px}
 html .studio-header:has(.sentinel-link) nav{flex:1 0 100%;width:100%;gap:8px;margin:0;justify-content:flex-end}
 html .studio-header:has(.sentinel-link) .studio-theme-toggle{margin-right:auto}
 html .studio-header .sentinel-link{width:auto;min-width:78px;min-height:44px;padding:9px 12px;font-size:13px}
}
@media(max-width:700px){html .studio-header .public-catalog-tutorial{padding-inline:5px;font-size:13px}html .studio-header:has(.public-catalog-tutorial) nav{gap:6px}}