/* ============================================================
   CONBCON 2026 — Contato + FAQ
   ============================================================ */

body.contato{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;}

/* ---------- FAQ ---------- */
.boxFaq{padding:80px 0 40px;}
.boxFaq .centro{width:100%;max-width:1320px;padding:0 20px;margin:0 auto;}
.boxFaq h3{font:300 36px/1.1 'Poppins';color:#010435;margin-bottom:32px;letter-spacing:-.01em;position:relative;padding-bottom:16px;}
.boxFaq h3::after{content:"";display:block;width:48px;height:3px;background:#0646D3;position:absolute;bottom:0;left:0;}

.faqLayout{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;}

.faqCategorias{display:flex;flex-direction:column;gap:8px;position:sticky;top:24px;}
.faqCategorias .cat{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:#fff;border:1px solid rgba(6,70,211,.10);border-left:3px solid transparent;border-radius:8px;transition:all .25s ease;}
.faqCategorias .cat:hover{border-color:rgba(6,70,211,.25);border-left-color:rgba(6,70,211,.50);}
.faqCategorias .cat.ativo{border-color:rgba(6,70,211,.30);border-left-color:#0646D3;background:linear-gradient(90deg,rgba(6,70,211,.04),#fff);}
.faqCategorias .cat b{font:600 15px/20px 'Poppins';color:#010435;display:block;}
.faqCategorias .cat span{font:400 12px/1 'Oswald';text-transform:uppercase;letter-spacing:.08em;color:#5E6478;}
.faqCategorias .cat.ativo span{color:#0646D3;}

.faqPainel{display:none;}
.faqPainel.ativo{display:block;animation:fadeUp .4s ease both;}
@keyframes fadeUp{0%{opacity:0;transform:translateY(8px);}100%{opacity:1;transform:none;}}

.faqPainel h4{font:600 22px/30px 'Poppins';color:#010435;margin-bottom:16px;}

.faqPainel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.faqItem{background:#fff;border:1px solid rgba(6,70,211,.10);border-radius:10px;overflow:hidden;transition:border-color .25s ease;}
.faqItem:hover{border-color:rgba(6,70,211,.22);}
.faqItem.aberto{border-color:rgba(6,70,211,.30);box-shadow:0 12px 24px -16px rgba(6,13,39,.18);}

.faqItem .pergunta{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;background:none;border:0;cursor:pointer;text-align:left;}
.faqItem .pergunta span{font:500 16px/22px 'Poppins';color:#010435;flex:1;}
.faqItem .pergunta .chevron{flex-shrink:0;transition:transform .3s ease;}
.faqItem.aberto .pergunta .chevron{transform:rotate(180deg);}

.faqItem .resposta{max-height:0;overflow:hidden;transition:max-height .35s ease, padding .25s ease;}
.faqItem.aberto .resposta{max-height:600px;padding:0 22px 20px;}
.faqItem .resposta p{font:400 15px/24px 'Poppins';color:#3A4060;}
.faqItem .resposta p a{color:#0646D3;text-decoration:underline;}
.faqItem .resposta p a:hover{color:#6E3FED;}

/* ---------- Fale conosco (form) ---------- */
.boxFaleConosco{padding:40px 0 120px;}
.boxFaleConosco .centro{width:100%;max-width:880px;padding:0 20px;margin:0 auto;}
.boxFaleConosco .card{background:#fff;border:1px solid rgba(6,70,211,.10);border-radius:16px;padding:48px 48px 44px;position:relative;overflow:hidden;}
.boxFaleConosco .card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0646D3,#6E3FED);}

.boxFaleConosco .card .kicker{display:inline-flex;align-items:center;padding:5px 12px;background:rgba(6,70,211,.08);border-radius:999px;font:400 12px/1 'Oswald';text-transform:uppercase;letter-spacing:.1em;color:#0646D3;margin-bottom:14px;}
.boxFaleConosco .card .kicker b{font-weight:600;}
.boxFaleConosco .card h3{font:300 32px/1.1 'Poppins';color:#010435;margin-bottom:12px;letter-spacing:-.01em;}
.boxFaleConosco .card > p{font:400 16px/24px 'Poppins';color:#3A4060;margin-bottom:32px;}

#formContato{display:flex;flex-direction:column;gap:18px;}
#formContato .linha{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
#formContato .campo{display:flex;flex-direction:column;gap:6px;}
#formContato label{font:500 13px/1.4 'Poppins';color:#5E6478;}
#formContato label b{color:#E65210;font-weight:500;}
#formContato input,
#formContato textarea{font:400 16px/22px 'Poppins';color:#010435;background:#F4F5FA;border:1px solid rgba(6,70,211,.10);border-radius:8px;padding:13px 16px;outline:none;transition:all .25s ease;width:100%;}
#formContato input::placeholder,
#formContato textarea::placeholder{color:#A7B0C9;}
#formContato input:focus,
#formContato textarea:focus{border-color:#0646D3;background:#fff;box-shadow:0 0 0 3px rgba(6,70,211,.08);}
#formContato textarea{resize:vertical;min-height:140px;}

#formContato .btnEnviar{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#214FEE;border:0;border-radius:8px;padding:18px 32px;cursor:pointer;align-self:flex-start;color:#fff;font:700 16px/1 'Oswald';text-transform:uppercase;letter-spacing:.08em;transition:all .3s ease;box-shadow:0 8px 16px -8px rgba(33,79,238,.50);margin-top:8px;}
#formContato .btnEnviar:hover:not(:disabled){background:#0095ff;transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,149,255,.55);}
#formContato .btnEnviar:disabled{background:#5E6478;cursor:not-allowed;opacity:.6;}
#formContato .btnEnviar svg{transition:transform .3s ease;}
#formContato .btnEnviar:hover:not(:disabled) svg{transform:translateX(4px);}

/* ---------- Mobile ---------- */
@media (max-width:880px){
    .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;}
    .boxTopo.interna .topoMenu nav.menu{display:none;}

    .boxFaq{padding:48px 0 24px;}
    .boxFaq h3{font-size:26px;margin-bottom:20px;}
    .faqLayout{grid-template-columns:1fr;gap:24px;}
    .faqCategorias{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;}
    .faqCategorias .cat{padding:12px 16px;border-left:0;border-top:3px solid transparent;flex:1 1 calc(50% - 8px);min-width:140px;}
    .faqCategorias .cat.ativo{border-left:0;border-top-color:#0646D3;}
    .faqPainel h4{font-size:18px;line-height:24px;}
    .faqItem .pergunta{padding:14px 16px;}
    .faqItem .pergunta span{font-size:15px;line-height:20px;}
    .faqItem.aberto .resposta{padding:0 16px 16px;}

    .boxFaleConosco{padding:24px 0 64px;}
    .boxFaleConosco .card{padding:32px 24px 28px;border-radius:14px;}
    .boxFaleConosco .card h3{font-size:24px;}
    .boxFaleConosco .card > p{font-size:15px;margin-bottom:24px;}
    #formContato .linha{grid-template-columns:1fr;}
    #formContato .btnEnviar{width:100%;}
}