
/* Perguntas frequentes — Dossiê PRO, outubro de 2026 */
.faq-page { --text:#fff; --muted:#fff; --bright:#fff; color:#fff; background:#080808; }
.faq-page main { background:radial-gradient(ellipse at 85% 5%,#80152926,transparent 32%),radial-gradient(ellipse at 5% 60%,#56101c1f,transparent 40%),#080808; overflow:hidden; }
.faq-page main .shell { width:min(1320px,calc(100% - 96px)); }
.faq-hero { padding-block:84px 50px; position:relative; }
.faq-hero::before { content:""; position:absolute; pointer-events:none; inset:0 -40px auto 35%; height:390px; opacity:.12; background-image:linear-gradient(#f83a551f 1px,transparent 1px),linear-gradient(90deg,#f83a551f 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(ellipse,#000,transparent 70%); }
.faq-overline { display:flex; align-items:center; gap:11px; color:#fff; font:600 12px/1.6 Consolas,monospace; letter-spacing:.16em; margin:0 0 25px; }
.faq-overline>span { width:6px; height:6px; background:#f0314d; box-shadow:0 0 15px #f92a4f; border-radius:50%; }
.faq-hero h1 { font-size:clamp(43px,5.1vw,70px); line-height:1.1; letter-spacing:-.06em; max-width:1080px; margin:0 0 26px; font-weight:800; color:#fff; }
.faq-hero h1 span { text-shadow:2px 2px 0 #991027,0 0 60px #ed123229; }
.faq-hero>p:not(.faq-overline) { max-width:690px; font-size:20px; line-height:1.7; margin:0; color:#fff; }
.faq-hero-rule { margin-top:50px; border-top:1px solid #c6233a38; padding-top:17px; display:flex; align-items:center; justify-content:space-between; font:10px/1.5 Consolas,monospace; letter-spacing:.18em; color:#fff; }
.faq-hero-rule i { width:70px; height:2px; background:#f12446; box-shadow:0 0 13px #f92a4f; }
.faq-layout { display:grid; grid-template-columns:minmax(270px,.8fr) minmax(0,1.7fr); gap:55px; align-items:start; padding-bottom:75px; }
.faq-aside { position:sticky; top:128px; border:1px solid #83203555; border-radius:5px; overflow:hidden; background:linear-gradient(140deg,#211015,#0d0b0d 70%); }
.faq-aside-image { position:relative; aspect-ratio:1.22; overflow:hidden; }
.faq-aside-image>img { width:100%; height:100%; object-fit:cover; object-position:center; }
.faq-aside-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#140c0fe6,transparent 55%); }
.faq-aside-label { position:absolute; z-index:2; left:25px; bottom:22px; font:10px/1.5 Consolas,monospace; letter-spacing:.12em; color:#fff; }
.faq-aside-scan { position:absolute; z-index:2; width:100%; top:0; height:1px; background:linear-gradient(90deg,transparent,#f74a68aa,transparent); box-shadow:0 0 18px #e5204755; animation:faq-scan 12s ease-in-out infinite; }
.faq-aside-copy { padding:28px 28px 32px; }
.faq-aside-copy>span>.icon { width:34px; height:34px; color:#f2324d; margin-bottom:21px; }
.faq-aside h2 { font-size:34px; margin:0 0 21px; line-height:1.15; letter-spacing:-.04em; color:#fff; }
.faq-aside p { font-size:16px; line-height:1.8; margin:0 0 28px; color:#fff; }
.faq-aside .button { width:100%; min-height:50px; font-size:13px; justify-content:space-between; }
.faq-list { display:grid; gap:17px; }
.faq-item { border:1px solid #4b2b33; background:linear-gradient(135deg,#181012,#100e10); border-radius:6px; overflow:hidden; transition:border-color .3s,box-shadow .3s; }
.faq-item:hover,.faq-item:focus-within { border-color:#ba2a455e; box-shadow:0 9px 30px #0003; }
.faq-item[open] { border-color:#db324d88; box-shadow:0 10px 45px #7d132113; }
.faq-item summary { position:relative; list-style:none; cursor:pointer; display:grid; grid-template-columns:124px 1fr 30px; gap:24px; align-items:center; padding:17px 23px 17px 17px; color:#fff; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:focus-visible { outline:2px solid white; outline-offset:-5px; }
.faq-item-image { display:block; border:1px solid #8c344752; border-radius:3px; height:97px; overflow:hidden; }
.faq-item-image img { width:100%; height:100%; object-fit:cover; opacity:.85; transition:opacity .3s; }
.faq-item[open] .faq-item-image img,.faq-item:hover .faq-item-image img { opacity:1; }
.faq-question-text { display:grid; gap:9px; font-size:21px; line-height:1.35; letter-spacing:-.018em; font-weight:650; }
.faq-question-index { font:10px/1.4 Consolas,monospace; letter-spacing:.16em; font-weight:400; color:#fff; }
.faq-toggle { position:relative; width:30px; height:30px; border:1px solid #d733505c; border-radius:50%; background:#86152a18; }
.faq-toggle::before,.faq-toggle::after { content:""; position:absolute; left:9px; top:14px; width:10px; height:1px; background:#fff; transition:transform .3s; }
.faq-toggle::after { transform:rotate(90deg); }
.faq-item[open] .faq-toggle::after { transform:rotate(0); }
.faq-answer { margin:0 24px 0 165px; padding:0 0 28px; }
.faq-answer p { margin:0; border-top:1px solid #ffffff18; padding-top:19px; font-size:16px; line-height:1.85; color:#fff; }
.faq-item[open] .faq-answer { animation:faq-answer-in .35s ease-out; }
.faq-quote { position:relative; text-align:center; padding:40px 20px 88px; }
.faq-quote::before { content:""; position:absolute; pointer-events:none; inset:0; background:radial-gradient(ellipse at center,#9e14221c,transparent 65%); }
.faq-quote-symbol { color:#ff3453; font-family:Georgia,serif; font-size:95px; line-height:.8; display:block; height:65px; text-shadow:0 0 40px #e5143355; }
.faq-quote blockquote { position:relative; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(29px,3vw,43px); line-height:1.4; letter-spacing:-.035em; color:#fff; }
.faq-quote blockquote span { font-style:italic; }
.faq-quote-line { width:80px; height:1px; background:linear-gradient(90deg,transparent,#f42a4a,transparent); margin:28px auto 0; }
@keyframes faq-scan { 0%,100% { transform:translateY(0); opacity:0; } 10%,75% { opacity:.6; } 90% { transform:translateY(350px); opacity:0; } }
@keyframes faq-answer-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) { .faq-page main .shell { width:calc(100% - 64px); } .faq-layout { gap:28px; grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr); } .faq-item summary { grid-template-columns:94px 1fr 28px; gap:17px; padding:15px; } .faq-item-image { height:84px; } .faq-question-text { font-size:19px; } .faq-answer { margin-left:126px; margin-right:20px; } .faq-aside-copy { padding:25px 23px; } .faq-aside h2 { font-size:30px; } }
@media (max-width:850px) { .faq-layout { grid-template-columns:1fr; gap:30px; } .faq-aside { position:relative; top:auto; display:grid; grid-template-columns:.8fr 1fr; } .faq-aside-image { height:100%; aspect-ratio:auto; } .faq-aside-copy { padding:30px; } .faq-aside h2 { font-size:34px; } .faq-aside-copy>span { display:none; } .faq-item summary { grid-template-columns:124px 1fr 30px; gap:24px; padding:17px 23px 17px 17px; } .faq-item-image { height:97px; } .faq-question-text { font-size:23px; } .faq-answer { margin-left:165px; margin-right:24px; } .faq-hero { padding-top:65px; } }
@media (max-width:600px) { .faq-page main .shell { width:calc(100% - 36px); } .faq-hero { padding-block:48px 35px; } .faq-overline { font-size:10px; letter-spacing:.12em; margin-bottom:21px; } .faq-hero h1 { font-size:clamp(37px,9vw,49px); line-height:1.15; letter-spacing:-.052em; } .faq-hero>p:not(.faq-overline) { font-size:17px; } .faq-hero-rule { margin-top:32px; font-size:9px; } .faq-layout { gap:26px; padding-bottom:35px; } .faq-aside { display:none; } .faq-item summary { grid-template-columns:78px 1fr 25px; gap:13px; padding:14px; } .faq-item-image { height:89px; } .faq-question-text { font-size:17px; gap:8px; line-height:1.4; } .faq-question-index { font-size:9px; letter-spacing:.1em; } .faq-toggle { width:25px; height:25px; } .faq-toggle::before,.faq-toggle::after { left:7px; top:11px; width:9px; } .faq-answer { margin:0 20px; padding-bottom:24px; } .faq-answer p { padding-top:18px; font-size:16px; line-height:1.85; } .faq-list { gap:16px; } .faq-quote { padding:35px 10px 60px; } .faq-quote blockquote { font-size:29px; } }
@media (prefers-reduced-motion:reduce) { .faq-page *, .faq-page *::before,.faq-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* V16 — artes de investigação próprias e coerentes com a identidade. */
.faq-hero{isolation:isolate;overflow:hidden;min-height:565px;padding-block:90px 40px;margin-bottom:58px;border-bottom:1px solid #b920393f;display:flex;align-items:center}
.faq-cover{position:absolute;inset:0;z-index:-2;background:#080808}
.faq-cover img{width:100%;height:100%;object-fit:cover;object-position:72% 55%;filter:none}
.faq-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808f5 2%,#080808e6 30%,#08080872 62%,#08080830),linear-gradient(0deg,#080808,transparent 55%),linear-gradient(120deg,#5c0b201c,#aa092135)}
.faq-hero::before{z-index:-1;inset:0;height:auto;opacity:.3;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.faq-hero-content{position:relative}
.faq-hero h1{max-width:930px;font-size:clamp(43px,5.1vw,70px)}
.faq-hero-content>p:not(.faq-overline){max-width:650px;font-size:20px;line-height:1.7;margin:0;color:#fff}
.faq-hero-rule{margin-top:42px}
.faq-aside-image>img{filter:none;object-position:center}
.faq-item-image img{filter:none;opacity:1}
.faq-item-image{position:relative}
.faq-item-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#c0193525,transparent)}
@media(max-width:850px){.faq-hero{min-height:540px;padding-block:65px 35px;margin-bottom:38px}.faq-cover img{object-position:62% center}.faq-cover::after{background:linear-gradient(90deg,#080808ed,#080808aa 60%,#08080866),linear-gradient(0deg,#080808,transparent 70%)}}
@media(max-width:600px){.faq-hero{min-height:510px;padding-block:52px 30px;margin-bottom:30px}.faq-cover img{object-position:63% center}.faq-hero h1{font-size:clamp(37px,9vw,49px);max-width:520px}.faq-hero-content>p:not(.faq-overline){font-size:17px;line-height:1.7}.faq-hero-rule{margin-top:35px}}
