:root{--gold:#efbf4d;--gold2:#8f6a21;--ink:#02060c;--navy:#061225;--cream:#fff3c9}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:132px;overflow:hidden;background:transparent;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{padding:0}
.header-stage{width:100%;height:132px;display:flex;align-items:center;justify-content:center;padding:0}
.header-shell{
  position:relative;width:min(100%,1490px);height:132px;
  border:1px solid rgba(54,160,255,.78);border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 24%),linear-gradient(135deg,#02070f,#07172e 50%,#02060c);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 0 0 1px rgba(54,160,255,.14),0 0 18px rgba(40,145,255,.10),0 12px 28px rgba(0,0,0,.28);
  overflow:hidden;isolation:isolate
}
.header-shell::before{content:"";position:absolute;inset:12px;border-radius:14px;border:1px solid rgba(54,160,255,.18);pointer-events:none;z-index:1}
.header-fixed-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 0%,rgba(47,117,211,.12),transparent 40%),radial-gradient(circle at 18% 100%,rgba(239,191,77,.08),transparent 28%),radial-gradient(circle at 82% 100%,rgba(239,191,77,.08),transparent 28%),url('header-fixed-bg.svg') center/cover no-repeat;
  opacity:.98
}
.header-fixed-bg::before,.header-fixed-bg::after{
  content:"";position:absolute;top:50%;width:176px;height:176px;border-radius:50%;transform:translateY(-50%);
  background:radial-gradient(circle at 50% 50%,#c99a36 0 7px,#161616 8px 15px,#080808 16px 48px,#303030 49px 51px,#090909 52px 80px,transparent 81px),radial-gradient(circle at 50% 50%,rgba(255,232,167,.14),transparent 70%);
  box-shadow:inset 0 0 0 2px rgba(239,191,77,.24),0 0 18px rgba(239,191,77,.08);opacity:.82
}
.header-fixed-bg::before{left:-26px}.header-fixed-bg::after{right:-26px}
.decor-glow{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);width:70%;height:74px;z-index:0;background:radial-gradient(ellipse,rgba(239,191,77,.18),transparent 70%);filter:blur(12px);pointer-events:none}
.inner-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:780px;max-width:calc(100% - 360px);height:110px;z-index:2;display:flex;align-items:center;justify-content:center}
.inner-frame{position:relative;width:100%;height:100%;padding:4px;border-radius:15px;background:linear-gradient(180deg,rgba(239,191,77,.55),rgba(239,191,77,.18));box-shadow:0 0 0 1px rgba(239,191,77,.2),0 8px 24px rgba(0,0,0,.28)}
.inner-frame::before{content:"";position:absolute;inset:4px;border-radius:12px;background:linear-gradient(180deg,rgba(5,16,31,.98),rgba(7,23,46,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.slide-host{position:absolute;inset:4px;display:grid;place-items:center;z-index:1}
.sf-slide{position:absolute;inset:0;opacity:0;transform:scale(.996);transition:opacity .9s ease,transform .9s ease;display:grid;place-items:center;pointer-events:none}
.sf-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.sf-slide-link{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;color:inherit}
.sf-slide-link picture{display:block;width:728px;height:90px;max-width:100%}
.sf-banner{display:block;width:728px;height:90px;max-width:100%;object-fit:cover;border-radius:10px;box-shadow:0 0 18px rgba(239,191,77,.06)}
.sf-text-card{width:728px;height:90px;max-width:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:6px 34px;background:radial-gradient(circle at 50% -40%,rgba(36,104,204,.3),transparent 55%),linear-gradient(100deg,#020711,#081a35 50%,#020711);border:1px solid rgba(239,191,77,.36);position:relative;overflow:hidden}
.sf-text-card:before,.sf-text-card:after{content:"";position:absolute;top:50%;width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.sf-text-card:before{left:18px}.sf-text-card:after{right:18px;transform:rotate(180deg)}
.sf-text-headline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2.1vw,29px);font-weight:800;letter-spacing:2.2px;color:#f4c85e;text-shadow:0 2px 10px rgba(239,191,77,.18);line-height:1.02}
.sf-text-sub{margin-top:6px;font-size:clamp(9px,1.1vw,13px);letter-spacing:2px;color:#fff2c3;text-transform:uppercase}
.header-dots{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:5px;z-index:4}
.header-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25);transition:.25s}
.header-dot.is-active{background:var(--gold);box-shadow:0 0 7px rgba(239,191,77,.65)}
@media(max-width:1180px) and (min-width:701px){.inner-stage{max-width:calc(100% - 120px)}.header-fixed-bg::before,.header-fixed-bg::after{width:138px;height:138px}}

/* MOBILE: sem moldura externa. Somente o banner 360×100 (ou texto). */
@media(max-width:700px){
  html,body,.header-stage{height:116px;background:transparent}
  .header-stage{padding:0;width:100%;display:grid;place-items:center}
  .header-shell{width:100%;height:116px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .header-shell::before,.header-fixed-bg,.decor-glow,.header-dots{display:none!important}
  .inner-stage{position:absolute;inset:0;transform:none;width:100%;max-width:none;height:116px;display:grid;place-items:center}
  .inner-frame{width:100%;height:116px;padding:0;border-radius:0;background:transparent;box-shadow:none}
  .inner-frame::before{display:none}
  .slide-host{inset:0;display:grid;place-items:center}
  .sf-slide-link{display:grid;place-items:center;width:100%}
  .sf-slide-link picture{width:100%;height:auto;aspect-ratio:360/100;max-width:100%;display:block}
  .sf-banner{width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:10px;background:transparent;box-shadow:none}
  .sf-text-card{width:100%;height:100%;max-width:100%;border-radius:10px;padding:8px 16px}
  .sf-text-card:before,.sf-text-card:after{display:none}
  .sf-text-headline{font-size:18px;letter-spacing:1.2px}
  .sf-text-sub{font-size:10px;letter-spacing:1.1px;line-height:1.25}
}

/* Força mobile quando /header/?mobile=1 */
.sf-force-mobile, .sf-force-mobile html, .sf-force-mobile body{height:116px;background:transparent}
.sf-force-mobile .header-stage{width:100%;height:116px;padding:0;display:grid;place-items:center}
.sf-force-mobile .header-shell{width:100%;max-width:100%;height:116px;border:0;border-radius:0;background:transparent;box-shadow:none}
.sf-force-mobile .header-shell::before,
.sf-force-mobile .header-fixed-bg,
.sf-force-mobile .decor-glow,
.sf-force-mobile .header-dots{display:none!important}
.sf-force-mobile .inner-stage{position:absolute;inset:0;transform:none;width:100%;max-width:none;height:116px;display:grid;place-items:center}
.sf-force-mobile .inner-frame{width:100%;height:116px;padding:0;border-radius:0;background:transparent;box-shadow:none}
.sf-force-mobile .inner-frame::before{display:none}
.sf-force-mobile .slide-host{inset:0;display:grid;place-items:center}
.sf-force-mobile .sf-slide-link{display:grid;place-items:center;width:100%}
.sf-force-mobile .sf-slide-link picture{width:100%;height:auto;aspect-ratio:360/100;max-width:100%;display:block}
.sf-force-mobile .sf-banner{width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:10px;background:transparent;box-shadow:none}
.sf-force-mobile .sf-text-card{width:100%;height:100%;max-width:100%;border-radius:10px;padding:8px 16px}
.sf-force-mobile .sf-text-card:before,.sf-force-mobile .sf-text-card:after{display:none}
.sf-force-mobile .sf-text-headline{font-size:18px;letter-spacing:1.2px}
.sf-force-mobile .sf-text-sub{font-size:10px;letter-spacing:1.1px;line-height:1.25}