/* cb-layout.css — cabeçalho e rodapé padrão de cleberbarbosa.com.br (gerado em 2026-11-03)
   Classes com prefixo cbh- (cabeçalho) e cbf- (rodapé) para não colidir com o CSS de cada página. */
html{scroll-padding-top:80px}
.cbh,.cbh *,.cbf,.cbf *{box-sizing:border-box}
/* ---------- CABEÇALHO ---------- */
header.cbh{position:sticky;top:0;left:0;right:0;z-index:1000;width:100%;margin:0;padding:14px 0;background:rgba(5,13,26,.95);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:0;box-shadow:none;transition:padding .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.4;text-align:left}
header.cbh.cbh--fixed{position:fixed}
header.cbh::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,158,255,.4),transparent)}
header.cbh.cbh--scrolled{padding:10px 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.cbh .cbh-in{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto;padding:0 28px;gap:24px}
.cbh .cbh-logo{font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:1.28rem;line-height:1;color:#fff;text-decoration:none;letter-spacing:0;white-space:nowrap;padding:0;margin:0;background:none;border:0}
.cbh .cbh-logo span{color:#3B9EFF}
.cbh .cbh-nav{display:block;margin:0;padding:0;background:none;border:0;position:static}
.cbh .cbh-list{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.cbh .cbh-list li{margin:0;padding:0;list-style:none;background:none;border:0}
.cbh .cbh-list li::before,.cbh .cbh-list li::marker{content:none}
.cbh .cbh-list a{font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.66);text-decoration:none;display:inline-block;padding:6px 0;margin:0;position:relative;background:none;border:0;line-height:1.4;transition:color .3s}
.cbh .cbh-list a:not(.cbh-cta)::after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#3B9EFF;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s}
.cbh .cbh-list a:not(.cbh-cta):hover,.cbh .cbh-list a[aria-current="page"]{color:#fff}
.cbh .cbh-list a:not(.cbh-cta):hover::after,.cbh .cbh-list a[aria-current="page"]::after{transform:scaleX(1)}
.cbh .cbh-list a.cbh-cta{display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#04260F;padding:9px 20px;border-radius:24px;letter-spacing:.4px;text-transform:none;font-size:.86rem;font-weight:700}
.cbh .cbh-list a.cbh-cta:hover{background:#1DA851;color:#04260F}
.cbh .cbh-list a.cbh-cta svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}
.cbh .cbh-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;margin:0;background:none;border:0;border-radius:6px}
.cbh .cbh-btn span{display:block;width:22px;height:2px;background:#fff;margin:0;transition:transform .3s,opacity .3s}
.cbh.cbh--open .cbh-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cbh.cbh--open .cbh-btn span:nth-child(2){opacity:0}
.cbh.cbh--open .cbh-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.cbh a:focus-visible,.cbh button:focus-visible,.cbf a:focus-visible{outline:2px solid #3B9EFF;outline-offset:3px}
@media(max-width:960px){
  .cbh .cbh-btn{display:flex}
  .cbh .cbh-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#050D1A;border-bottom:1px solid rgba(255,255,255,.09);padding:18px 24px 22px;box-shadow:0 16px 32px rgba(0,0,0,.45);max-height:calc(100vh - 64px);overflow-y:auto}
  header.cbh.cbh--open{-webkit-backdrop-filter:none;backdrop-filter:none;background:#050D1A}
  .cbh.cbh--open .cbh-nav{display:block}
  .cbh .cbh-list{flex-direction:column;align-items:flex-start;gap:16px}
  .cbh .cbh-list a{font-size:.82rem}
  .cbh .cbh-in{padding:0 20px}
}
/* ---------- RODAPÉ ---------- */
footer.cbf{position:relative;display:block;margin:0;background:#050D1A;border-top:1px solid rgba(255,255,255,.09);padding:60px 24px 30px;color:#8BA3BF;font-family:'DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6;text-align:left}
.cbf .cbf-grid{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}
.cbf .cbf-logo{font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:1.28rem;color:#fff;text-decoration:none;line-height:1}
.cbf .cbf-logo span{color:#3B9EFF}
.cbf .cbf-brand p{color:#8BA3BF;font-size:.88rem;margin:12px 0 0;max-width:280px;line-height:1.6}
.cbf .cbf-t{color:rgba(255,255,255,.85);font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2.6px;margin:0 0 16px;line-height:1.4}
.cbf ul{list-style:none;margin:0;padding:0}
.cbf li{margin:0 0 9px;padding:0;list-style:none}
.cbf li::before,.cbf li::marker{content:none}
.cbf .cbf-col a{color:#8BA3BF;font-size:.88rem;text-decoration:none;display:inline-block;padding:3px 0;transition:color .3s;background:none;border:0}
.cbf .cbf-col a:hover{color:#7CC0FF}
.cbf .cbf-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#8BA3BF}
.cbf .cbf-bottom p{margin:0;color:#8BA3BF;font-size:inherit;line-height:1.6}
.cbf .cbf-bottom a{color:#8BA3BF;text-decoration:none;display:inline-block;padding:4px 0}
.cbf .cbf-bottom a:hover{color:#7CC0FF}
@media(max-width:900px){.cbf .cbf-grid{grid-template-columns:1fr 1fr}.cbf .cbf-brand{grid-column:1/-1}}
@media(max-width:640px){.cbf .cbf-grid{grid-template-columns:1fr}.cbf .cbf-bottom{flex-direction:column;text-align:center}}
/* ---------- CONTINUE LENDO (malha de links, item 11) ---------- */
section.cbr{display:block;margin:0;padding:56px 24px;background:#071225;border-top:1px solid rgba(255,255,255,.07);font-family:'DM Sans',-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5;text-align:left}
.cbr .cbr-in{max-width:1200px;margin:0 auto}
.cbr .cbr-t{font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 22px;padding:0;letter-spacing:0;line-height:1.3;text-transform:none;border:0;background:none}
.cbr .cbr-t::before,.cbr .cbr-t::after{content:none}
.cbr .cbr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cbr .cbr-list li{margin:0;padding:16px 18px;list-style:none;background:#0D2137;border:1px solid rgba(59,158,255,.14);border-radius:12px;display:flex;flex-direction:column;gap:6px;transition:border-color .25s,transform .25s}
.cbr .cbr-list li::before,.cbr .cbr-list li::marker{content:none}
.cbr .cbr-list li:hover{border-color:rgba(59,158,255,.45);transform:translateY(-2px)}
.cbr .cbr-l{font-family:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;font-size:.64rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#3B9EFF;margin:0}
.cbr .cbr-list a{color:#F0F6FF;font-size:.95rem;font-weight:600;text-decoration:none;line-height:1.45;background:none;border:0;padding:0}
.cbr .cbr-list a:hover{color:#7CC0FF}
.cbr .cbr-list a:focus-visible{outline:2px solid #3B9EFF;outline-offset:3px}
@media(max-width:900px){.cbr .cbr-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){section.cbr{padding:44px 20px}.cbr .cbr-list{grid-template-columns:1fr}}