/* V32 — new first-section system: modern, direct and fully sans-serif. */
body{background:#f8faf7}
body>.wrap{width:min(1180px,calc(100% - 48px));margin-top:24px;margin-bottom:34px;border:1px solid #dbe3d9;border-radius:30px;overflow:hidden;background:
 radial-gradient(circle at 8% 2%,rgba(134,156,144,.18),transparent 29%),
 radial-gradient(circle at 92% 88%,rgba(211,175,100,.10),transparent 24%),
 #f1f5f0;box-shadow:0 22px 70px rgba(39,61,47,.09)}
.review{position:relative;z-index:3}
header.brand-header{min-height:122px;height:auto;padding:15px 38px;border:0;background:transparent;justify-content:flex-start}
header.brand-header:before{display:none}
.brand-lockup{width:auto;max-width:none;margin:0;justify-content:flex-start;gap:21px}
.brand-header .brand{width:121px;height:96px;flex:0 0 121px}
.brand-header .brand img{width:178px;height:178px;transform:translate(-29px,-39px);mix-blend-mode:multiply}
.brand-header .header-info{padding:4px 0 4px 21px;border-left:1px solid rgba(57,72,60,.20);text-align:left}
.brand-service{margin-bottom:5px;font-size:9px;letter-spacing:.11em;color:#677A70}
.brand-header .header-info strong{font:700 20px/1.13 'DM Sans',Arial,sans-serif;letter-spacing:-.45px;color:#304438}
.brand-registration{margin-top:6px;font-size:10px}
.brand-header:after{content:'RIO DE JANEIRO  •  BAIXADA FLUMINENSE';margin-left:auto;padding:9px 13px;border:1px solid #d6dfd4;border-radius:999px;background:rgba(255,255,255,.62);color:#53665b;font:600 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.08em}
.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:52px;align-items:center;padding:22px 38px 52px}
.hero-media{display:none}
.hero .hero-copy{grid-column:1;grid-row:1;padding:10px 0;background:none;max-width:480px}
.hero .quiz-card{grid-column:2;grid-row:1}
.hero-copy .location{margin:0 0 18px;padding:0;background:none;color:#53665b;font-size:12px;font-weight:600}
.hero-copy .location svg{width:17px;height:17px;color:#677A70}
.hero-copy .hero-kicker{display:inline-flex;margin:0 0 16px;padding:7px 11px;border-radius:999px;background:#dfe8dd;color:#39483C;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.hero .hero-copy h1{max-width:500px;font:750 clamp(42px,4.4vw,61px)/.99 'DM Sans',Arial,sans-serif;letter-spacing:-3.2px;color:#263d30}
.hero .hero-copy h1 span{display:inline-block;margin-top:8px;color:#677A70}
.hero-copy .intro{max-width:440px;margin-top:22px;color:#46574d;font-size:17px;line-height:1.55}
.hero-copy .intro strong{margin-top:9px;color:#304438;font-size:15px;font-weight:650}
.purchase-benefits{max-width:470px;margin:25px 0 0;padding:0;border:0;background:transparent;border-radius:0}
.purchase-benefits ul{grid-template-columns:1fr 1fr;gap:9px}
.purchase-benefits li{min-height:57px;align-items:center;padding:11px 12px;border:1px solid #d6dfd4;border-radius:13px;background:rgba(255,255,255,.70);font-size:13px;line-height:1.25}
.purchase-benefits li>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:8px;background:#39483C;color:#fff;font-size:12px}
.purchase-benefits p{margin-top:10px;padding:0 2px;font-size:10px;line-height:1.45;color:#6b786f}
.hero-copy .short-points{display:none}
.hero .quiz-card{padding:32px;border:1px solid rgba(57,72,60,.18);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 22px 58px rgba(38,61,48,.14);backdrop-filter:blur(10px);overflow:hidden}
.hero .quiz-card:before{top:0;left:0;right:0;width:auto;height:5px;border-radius:0;background:linear-gradient(90deg,#39483C 0 72%,#D3AF64 72% 100%)}
.quiz-heading{padding:0 0 20px!important;margin:0 0 18px!important;border-bottom:1px solid #e2e8e0!important}
.quiz-heading:before{display:none}
.hero .quiz-tag{display:inline-flex;padding:5px 9px;border-radius:7px;background:#e7eee4;color:#39483C;font-size:9px;font-weight:750;letter-spacing:.12em}
.hero .quiz-heading h2{margin-top:10px;font:750 29px/1.08 'DM Sans',Arial,sans-serif;letter-spacing:-1.15px;color:#263d30}
.hero .quiz-heading p{font-size:13px}
#question-title{font:700 26px/1.16 'DM Sans',Arial,sans-serif;letter-spacing:-.8px;color:#283e2f}
.quiz-option{font-family:'DM Sans',Arial,sans-serif}
.quiz-progress{background:#f3f6f1}
.direct-contact{background:none}
@media(max-width:960px) and (min-width:801px){
 body>.wrap{width:calc(100% - 30px)}
 header.brand-header{padding-inline:25px}
 .hero{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);gap:30px;padding:18px 25px 42px}
 .hero .hero-copy h1{font-size:43px;letter-spacing:-2.4px}
 .purchase-benefits ul{grid-template-columns:1fr}
 .purchase-benefits li{min-height:48px}
}
@media(max-width:800px){
 body>.wrap{width:calc(100% - 20px);margin-top:10px;margin-bottom:22px;border-radius:23px}
 header.brand-header{min-height:112px;padding:12px 18px}
 .brand-lockup{gap:12px}
 .brand-header .brand{width:102px;height:90px;flex-basis:102px}
 .brand-header .brand img{width:153px;height:153px;transform:translate(-26px,-31px)}
 .brand-header .header-info{padding-left:13px}
 .brand-header .header-info strong{font-size:17px;letter-spacing:-.3px}
 .brand-service{font-size:8px;letter-spacing:.07em}
 .brand-registration{font-size:9px}
 .brand-header:after{display:none}
 .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:10px 15px 28px}
 .hero .quiz-card{grid-column:1;grid-row:1;padding:24px 19px 22px;border-radius:20px}
 .hero .hero-copy{grid-column:1;grid-row:2;padding:13px 4px 0;max-width:none}
 .hero-copy .location{margin-bottom:14px;font-size:11px}
 .hero-copy .hero-kicker{margin-bottom:13px}
 .hero .hero-copy h1{max-width:480px;font-size:40px;line-height:1.02;letter-spacing:-2.3px}
 .hero .hero-copy h1 span{margin-top:5px}
 .hero-copy .intro{font-size:16px;margin-top:17px}
 .purchase-benefits{max-width:none;margin-top:20px}
 .purchase-benefits ul{grid-template-columns:1fr 1fr;gap:8px}
 .purchase-benefits li{min-height:61px;padding:10px;font-size:12px}
 .hero .quiz-heading h2{font-size:27px}
 #question-title{font-size:24px}
}
@media(max-width:430px){
 body>.wrap{width:calc(100% - 12px);margin-top:6px;border-radius:19px}
 header.brand-header{min-height:102px;padding:9px 13px}
 .brand-header .brand{width:91px;height:82px;flex-basis:91px}
 .brand-header .brand img{width:139px;height:139px;transform:translate(-25px,-29px)}
 .brand-header .header-info strong{font-size:15px}
 .hero{padding:7px 10px 24px}
 .hero .quiz-card{padding:23px 16px 20px}
 .hero .hero-copy h1{font-size:36px;letter-spacing:-2px}
 .purchase-benefits ul{grid-template-columns:1fr}
 .purchase-benefits li{min-height:48px}
}