/* ============================================================
   CONBCON 2026 — Termos de Uso e Privacidade
   Layout: hero compacto + sumario lateral sticky + conteudo long-form
   ============================================================ */

body.termos{background:#EFF2F8;color:#010435;}

/* ---------- Hero ---------- */
.boxTopo.interna{background:#00002F;position:relative;overflow:clip;}
.boxTopo.interna::before{content:"";width:100%;height:100%;background:radial-gradient(66.78% 100% at 66.68% 100%, #0048A5 0%, #000B3F 81.25%, #00002F 100%);position:absolute;inset:0;z-index:0;}
.boxTopo.interna::after{content:"";width:100%;height:100%;background:url('../img/fundoBoxTopo.svg') no-repeat center top;background-size:cover;position:absolute;inset:0;z-index:0;opacity:.30;}
.boxTopo.interna .centro{width:100%;max-width:1320px;padding:32px 20px 64px;margin:0 auto;position:relative;z-index:2;}

.boxTopo.interna .topoMenu{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.boxTopo.interna .topoMenu .conteudoTopo h1 figure{width:175px;}
.boxTopo.interna .topoMenu nav.menu ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;}
.boxTopo.interna .topoMenu nav.menu ul li a{font:400 16px/1 'Oswald';text-transform:uppercase;letter-spacing:.06em;color:#A7BBFF;transition:color .3s ease;}
.boxTopo.interna .topoMenu nav.menu ul li a:hover{color:#fff;}
.boxTopo.interna .topoMenu nav.menu ul li a.entrar{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(167,187,255,.45);border-radius:999px;color:#fff;}

.boxTopo.interna .conteudo{max-width:780px;margin:56px 0 0;color:#fff;}
.boxTopo.interna .conteudo .kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(167,187,255,.35);border-radius:999px;font:400 13px/1 'Oswald';text-transform:uppercase;letter-spacing:.12em;color:#A7BBFF;margin-bottom:24px;}
.boxTopo.interna .conteudo .kicker b{color:#fff;font-weight:600;}
.boxTopo.interna .conteudo h2{font-size:56px;line-height:1.05;color:#fff;font-weight:300;letter-spacing:-.01em;margin-bottom:16px;}
.boxTopo.interna .conteudo h2 b{font-weight:700;color:#6DF2FF;}
.boxTopo.interna .conteudo p{font-size:18px;line-height:28px;color:#A7BBFF;max-width:640px;}

/* ---------- Layout 2 colunas (sumario + texto) ---------- */
.boxTermos{padding:80px 0 120px;}
.boxTermos .centro{width:100%;max-width:1200px;padding:0 20px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start;}

/* ---------- Sumario lateral sticky ---------- */
.sumarioTermos{position:sticky;top:32px;background:#fff;border:1px solid rgba(6,70,211,.10);border-radius:14px;padding:20px;}
.sumarioTermos .label{display:block;font:600 11px/1 'Oswald';text-transform:uppercase;letter-spacing:.12em;color:#5E6478;margin-bottom:14px;padding-left:12px;border-left:3px solid #0646D3;}
.sumarioTermos nav{display:flex;flex-direction:column;gap:2px;}
.sumarioTermos nav a{display:block;padding:8px 12px;font:500 13px/18px 'Poppins';color:#5E6478;border-radius:6px;border-left:2px solid transparent;transition:all .25s ease;}
.sumarioTermos nav a:hover{color:#0646D3;background:rgba(6,70,211,.04);}
.sumarioTermos nav a.ativo{color:#0646D3;background:rgba(6,70,211,.06);border-left-color:#0646D3;font-weight:600;}
.sumarioTermos .btnTopo{display:inline-block;margin-top:18px;padding:10px 14px;font:600 12px/1 'Oswald';text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#0646D3;border-radius:6px;text-align:center;width:100%;transition:background .25s ease;}
.sumarioTermos .btnTopo:hover{background:#0a59ff;}

/* ---------- Conteudo long-form ---------- */
.conteudoTermos{background:#fff;border:1px solid rgba(6,70,211,.10);border-radius:16px;padding:48px;position:relative;overflow:hidden;}
.conteudoTermos::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0646D3,#6E3FED,#6DF2FF);}

.conteudoTermos h3{font:300 28px/1.15 'Poppins';color:#010435;letter-spacing:-.01em;margin:48px 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(6,70,211,.10);position:relative;scroll-margin-top:24px;}
.conteudoTermos h3::before{content:"";display:block;width:36px;height:3px;background:#0646D3;position:absolute;bottom:-2px;left:0;}
.conteudoTermos h3:first-of-type{margin-top:16px;}

.conteudoTermos h4{font:600 17px/24px 'Poppins';color:#010435;margin:28px 0 12px;}

.conteudoTermos p{font:400 16px/26px 'Poppins';color:#3A4060;margin-bottom:14px;}
.conteudoTermos p strong,
.conteudoTermos p b{color:#010435;font-weight:600;}
.conteudoTermos p em{color:#0646D3;font-style:italic;}
.conteudoTermos p a{color:#0646D3;text-decoration:underline;transition:color .2s ease;word-break:break-word;}
.conteudoTermos p a:hover{color:#6E3FED;}

.conteudoTermos ul{margin:0 0 20px;padding-left:24px;list-style:none;}
.conteudoTermos ul li{position:relative;font:400 16px/26px 'Poppins';color:#3A4060;padding-left:14px;margin-bottom:8px;}
.conteudoTermos ul li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#6E3FED;}
.conteudoTermos ul li strong{color:#010435;font-weight:600;}

.conteudoTermos .rodapeTermos{margin-top:48px;padding-top:24px;border-top:1px dashed rgba(6,70,211,.20);font:500 14px/22px 'Poppins';color:#5E6478;text-align:right;}

/* ---------- Mobile ---------- */
@media (max-width:980px){
    .boxTopo.interna .topoMenu nav.menu{display:none;}
    .boxTopo.interna .centro{padding:24px 16px 48px;}
    .boxTopo.interna .conteudo{margin-top:40px;}
    .boxTopo.interna .conteudo h2{font-size:36px;line-height:1.1;}
    .boxTopo.interna .conteudo p{font-size:16px;line-height:24px;}

    .boxTermos{padding:48px 0 80px;}
    .boxTermos .centro{grid-template-columns:1fr;gap:24px;}

    .sumarioTermos{position:static;padding:16px;}
    .sumarioTermos nav{flex-direction:row;flex-wrap:wrap;gap:6px;}
    .sumarioTermos nav a{flex:0 0 auto;padding:6px 10px;font-size:12px;border-left:0;border-bottom:2px solid transparent;}
    .sumarioTermos nav a.ativo{border-left:0;border-bottom-color:#0646D3;}
    .sumarioTermos .btnTopo{display:none;}

    .conteudoTermos{padding:28px 22px;border-radius:14px;}
    .conteudoTermos h3{font-size:22px;margin-top:36px;}
    .conteudoTermos h4{font-size:16px;}
    .conteudoTermos p,
    .conteudoTermos ul li{font-size:15px;line-height:24px;}
}