/* Cabecalho e rodape UNICOS do site (fredparreira.me).
   Gerados por build-chrome.py em todas as paginas; so a logo muda (Fred Parreira x Copiloto CrIAtivo).
   Classes com prefixo sx- e <div> de proposito: nao colidem com o CSS proprio de cada pagina. */
.sx-header,.sx-footer{--sx-lime:#DCFF00;font-family:'Exo 2','Exo 2 Fallback',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left;line-height:1.4;letter-spacing:0}
.sx-header *,.sx-footer *{box-sizing:border-box;margin:0;padding:0}
.sx-header a,.sx-footer a{text-decoration:none;color:inherit}
.sx-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}

/* ---------- CABECALHO ---------- */
.sx-header{position:sticky;top:0;z-index:1000;background:#000;color:#fff;border-bottom:1px solid #1c1c1c;transition:transform .25s ease}
.sx-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding-top:10px;padding-bottom:10px}
.sx-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.sx-logo img{display:block;height:46px;width:auto}
.sx-header .sx-logo img{height:32px}
.sx-lockup{font-weight:900;font-size:26px;line-height:1.3;letter-spacing:-.01em;color:#fff;white-space:nowrap;display:inline-block}
.sx-header .sx-lockup{font-size:18px}
.sx-lockup i{color:var(--sx-lime);font-style:normal}
.sx-lockup b{position:relative;display:inline-block;background:var(--sx-lime);color:#000;padding:.16em .1em .14em;line-height:1;margin:0 .03em;font-weight:inherit}
.sx-lockup b::after{content:'';position:absolute;left:.1em;bottom:-.19em;border-left:.16em solid var(--sx-lime);border-bottom:.2em solid transparent}
.sx-nav{display:flex;align-items:center;gap:28px}
.sx-link{font-weight:700;font-size:.92rem;color:#fff;opacity:.85;transition:opacity .2s,color .2s}
.sx-link:hover,.sx-link:focus-visible{opacity:1;color:var(--sx-lime)}
.sx-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--sx-lime);color:#000!important;font-weight:800;font-size:.92rem;letter-spacing:.02em;padding:11px 22px;border-radius:50px;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease}
.sx-header .sx-cta{padding:9px 20px;font-size:.88rem}
.sx-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(220,255,0,.35)}
.sx-burger{display:none;background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 2px}
@media(max-width:900px){
  .sx-header.sx-hide{transform:translateY(-100%)}
  .sx-wrap{padding:0 20px}
  .sx-burger{display:block}
  .sx-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#000;border-bottom:1px solid #1c1c1c;padding:8px 20px 20px;display:none}
  .sx-nav.open{display:flex}
  .sx-link{padding:14px 0;font-size:1rem;border-bottom:1px solid #161616}
  .sx-cta,.sx-header .sx-cta{justify-content:center;margin-top:14px;padding:13px 20px;font-size:.95rem}
}
@media(max-width:560px){.sx-header .sx-logo img{height:27px}.sx-header .sx-lockup{font-size:15px}.sx-bar{min-height:48px;padding-top:7px;padding-bottom:7px}.sx-footer .sx-logo img{height:38px}.sx-footer .sx-lockup{font-size:21px}}

/* ---------- RODAPE ---------- */
.sx-footer{background:#000;color:#bdbdbd;border-top:1px solid #1d1d1d;padding:56px 0 28px}
.sx-f-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.sx-f-brand .sx-logo{margin-bottom:16px}
.sx-f-brand p{font-size:.92rem;color:#9a9a9a;max-width:30ch}
.sx-f-h{font-weight:800;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sx-lime);margin-bottom:14px}
.sx-f-col a{display:block;font-weight:600;font-size:.95rem;color:#d6d6d6;padding:5px 0;transition:color .2s}
.sx-f-col a:hover,.sx-f-col a:focus-visible{color:var(--sx-lime)}
.sx-f-credit{margin-top:34px;padding-top:20px;border-top:1px solid #1a1a1a;font-size:.84rem;color:#9a9a9a}
.sx-f-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #1a1a1a;font-size:.82rem;color:#8c8c8c}
@media(max-width:760px){.sx-f-top{grid-template-columns:1fr;gap:30px}.sx-footer{padding:44px 0 24px}}