/* WEEM public shell: one header, one prefooter, one footer line.
   Generated markup lives in src/shell/site-shell.mjs. Selectors are prefixed
   with `body` so the shell wins over legacy per-family header/footer rules. */
:root{
  --site-ink:#202329;--site-muted:#555B65;--site-line:#D2D4D8;--site-accent:#C2410C;--site-accent-ink:#fff;
  --site-focus:#405C96;--site-wash:rgba(32,35,41,.04);--site-hover:rgba(32,35,41,.06);
}
html[data-theme=dark]{
  --site-ink:#F4F3EF;--site-muted:#B9BFC9;--site-line:#414751;--site-accent:#F4A26B;--site-accent-ink:#1B1208;
  --site-focus:#A9BFF0;--site-wash:rgba(244,243,239,.05);--site-hover:rgba(244,243,239,.09);
}

body .site-header,body .site-footer-island{
  font-family:inherit;color:var(--site-ink);font-size:15px;line-height:1.5;text-align:left;
}
body .site-header{position:relative;z-index:30;background:var(--kit-paper,var(--paper,transparent));border-bottom:1px solid var(--site-line);box-shadow:none;margin:0;padding:0;width:100%;max-width:none}
body .site-header *,body .site-footer-island *{box-sizing:border-box}
body .site-header a,body .site-footer-island a{text-decoration:none}

/* Header bar */
body .site-header__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;max-width:1280px;margin:0 auto;padding:12px 24px;min-height:72px}
body .site-header .weem-platform-logo{display:inline-flex;max-width:none;min-width:0}
body .site-logo{display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto;border-radius:6px}
body .site-logo__img,body .site-footer__logo{display:block;width:auto;max-width:none}
body .site-logo__img{height:28px}
body .site-footer__logo{height:20px}
/* The image content follows the theme in CSS, so legacy src-swapping scripts cannot show the wrong logo. */
body .site-logo__img,body .site-footer__logo{content:url('/brand/kit/weem-logo-sobre-claro.svg')}
html[data-theme=dark] body .site-logo__img,html[data-theme=dark] body .site-footer__logo{content:url('/brand/kit/weem-logo-sobre-oscuro.svg')}

body .site-nav{display:flex;flex-wrap:wrap;align-items:center;flex:1 1 auto;gap:4px;list-style:none;margin:0 0 0 16px;padding:0}
body .site-nav>li{margin:0;padding:0;list-style:none}
body .site-nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--site-muted);font-size:15px;font-weight:500;white-space:nowrap}
body .site-nav__link:hover{color:var(--site-ink);background:var(--site-hover)}
body .site-header .site-nav__link[aria-current]{color:var(--site-ink)!important;font-weight:600;background:transparent;border:0;box-shadow:inset 0 -2px 0 var(--site-accent);border-radius:8px 8px 0 0}
body .site-nav__cta{margin-left:auto!important}

/* Buttons */
body .site-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--site-accent);color:var(--site-accent-ink);border:1px solid var(--site-accent);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:filter .15s}
body .site-button:hover{filter:brightness(.94)}
body .site-button--quiet{background:transparent;color:var(--site-ink);border-color:var(--site-line)}
body .site-button--quiet:hover{filter:none;background:var(--site-hover)}
body .site-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
body .site-icon-button,body .site-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--site-line);border-radius:999px;background:transparent;color:var(--site-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
body .site-icon-button:hover,body .site-menu-button:hover{background:var(--site-hover)}
body .site-icon-button .sun{display:none}
html[data-theme=dark] body .site-icon-button .sun{display:block}
html[data-theme=dark] body .site-icon-button .moon{display:none}
body .site-menu-button{display:none;padding:0 14px}
body .site-menu-button__close{display:none}
body .site-header[data-open] .site-menu-button__close{display:inline}
body .site-header[data-open] .site-menu-button__open{display:none}

/* Focus */
body .site-header a:focus-visible,body .site-header button:focus-visible,body .site-footer-island a:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}

/* Account controls moved out of the header into the tool */
body .site-account{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 16px;padding:0;position:relative}
body .site-account .user-menu{position:relative}

/* Prefooter */
body .site-footer-island{margin-top:auto;width:100%;max-width:none;padding:0;background:transparent}
body .site-prefooter{margin-top:64px;border-top:1px solid var(--site-line);background:var(--site-wash)}
body .site-prefooter__inner{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px 32px;max-width:1280px;margin:0 auto;padding:56px 24px 48px}
body .site-prefooter__title{margin:0 0 8px;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--site-ink)}
body .site-prefooter__text{margin:0 0 20px;max-width:34ch;color:var(--site-muted);font-size:15px}
body .site-prefooter__actions{display:flex;flex-wrap:wrap;gap:8px}
body .site-prefooter__label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted)}
body .site-prefooter__group ul{list-style:none;margin:0;padding:0}
body .site-prefooter__group li{margin:0;padding:0}
body .site-prefooter__group a{display:inline-flex;align-items:center;min-height:44px;color:var(--site-ink);font-size:15px}
body .site-prefooter__group a:hover{text-decoration:underline;text-underline-offset:4px}

/* One-line footer */
body .site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;max-width:1280px;margin:0 auto;padding:8px 24px;min-height:64px;border-top:1px solid var(--site-line);background:transparent;color:var(--site-muted);font-size:13px;line-height:1.5}
body .site-prefooter+.site-footer{max-width:none;padding-left:max(24px,calc((100% - 1280px)/2 + 24px));padding-right:max(24px,calc((100% - 1280px)/2 + 24px))}
body .site-footer__brand{display:inline-flex;align-items:center;min-height:44px}
body .site-footer__legal{color:var(--site-muted)}
body .site-footer .weem-release{display:inline;padding:0;border:0;background:none;border-radius:0;color:var(--site-muted);font:inherit;letter-spacing:normal;white-space:normal}
body .site-footer .weem-release::before{display:none}
body .site-footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin-left:auto}
body .site-footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--site-ink);font-size:13px}
body .site-footer__links a:hover{text-decoration:underline;text-underline-offset:4px}

/* Compact header: panel menu */
@media(max-width:1099px){
  body .site-header__bar{flex-wrap:nowrap;padding:8px 16px;min-height:64px}
  body .site-logo{margin-right:auto}
  body .site-menu-button{display:inline-flex}
  body .site-nav{position:absolute;top:100%;left:0;right:0;z-index:40;display:none;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;margin:0;padding:8px 16px 16px;background:var(--kit-paper,var(--paper,#F4F3EF));border-bottom:1px solid var(--site-line);box-shadow:0 12px 24px rgba(0,0,0,.12)}
  html[data-theme=dark] body .site-nav{background:var(--kit-paper,var(--paper,#141619))}
  body .site-header[data-open] .site-nav{display:flex}
  body .site-nav__link{width:100%;min-height:48px;padding:0 8px;border-radius:0;border-bottom:1px solid var(--site-line);font-size:16px}
  body .site-header .site-nav__link[aria-current]{border-radius:0;box-shadow:inset 3px 0 0 var(--site-accent);padding-left:12px}
  body .site-nav__cta{margin:16px 0 0!important}
  body .site-nav__cta .site-button{width:100%}
  body .site-prefooter__inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  body .site-prefooter__lead{grid-column:1/-1}
}
@media(max-width:700px){
  body .site-prefooter{margin-top:48px}
  body .site-prefooter__inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:40px 16px 32px;gap:32px 16px}
  body .site-footer,body .site-prefooter+.site-footer{padding:8px 16px}
  body .site-footer__links{margin-left:-8px;width:100%}
}
@media(max-width:380px){
  body .site-menu-button span{display:none}
  body .site-menu-button{padding:0}
  body .site-prefooter__inner{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){body .site-button{transition:none}}

/* Tool toolbar: import suite steps (left) and account controls (right) */
body .site-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 24px;padding:0;color:var(--site-ink)}
body .site-toolbar .site-account{margin:0 0 0 auto}
body .site-steps ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
body .site-steps li{margin:0;padding:0}
body .site-steps a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border:1px solid var(--site-line);border-radius:999px;color:var(--site-muted);font-size:14px;font-weight:500;text-decoration:none}
body .site-steps a:hover{color:var(--site-ink);background:var(--site-hover)}
body .site-steps a[aria-current]{color:var(--site-ink);border-color:var(--site-ink);font-weight:600}
body .site-steps a:focus-visible{outline:2px solid var(--site-focus);outline-offset:2px}
body .site-steps__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--site-hover);font-size:13px;font-weight:700;color:var(--site-ink)}
body .site-steps a[aria-current] .site-steps__n{background:var(--site-accent);color:var(--site-accent-ink)}
@media(max-width:700px){
  body .site-steps{width:100%;overflow-x:auto}
  body .site-steps ol{flex-wrap:nowrap;width:max-content}
  body .site-toolbar .site-account{margin-left:0}
}

/* Exchange-rate disclosure */
:root{--site-panel:#fff;--site-panel-ink:#0E1116}
html[data-theme=dark]{--site-panel:#12151B;--site-panel-ink:#E8EAEF}
body .site-fx{display:inline-flex;align-items:center}
body .site-fx-panel{position:fixed;z-index:100;top:76px;right:max(16px,calc((100vw - 1232px)/2));width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:20px;border:1px solid var(--site-line);border-radius:16px;background:var(--site-panel);color:var(--site-panel-ink);box-shadow:0 12px 32px rgba(0,0,0,.2);font-size:14px;line-height:1.6;text-align:left}
body .site-fx-panel[hidden]{display:none}
body .site-fx-panel:focus{outline:2px solid var(--site-accent);outline-offset:3px}
body .site-fx-panel h2{font-size:20px;line-height:1.3;margin:4px 0 12px;letter-spacing:-.02em;color:inherit}
body .site-fx-panel p{margin:0 0 12px;color:inherit}
body .site-fx-panel .site-icon-button{float:right;margin:0 0 8px 12px}
body .site-fx-panel a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline}
