@font-face{font-family:Nunito;src:url('nunito.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fff5ed;color:#242631;font:15px/1.65 Nunito,'Segoe UI',Arial,sans-serif}main{position:relative;isolation:isolate;max-width:1200px;margin:auto;padding:52px 32px 36px}main:before{content:'';position:absolute;z-index:-1;inset:0 calc((1200px - 100vw)/2) auto;height:470px;background:linear-gradient(110deg,#a93100 0%,#d94300 43%,#ff6b13 100%)}main:after{content:'';position:absolute;z-index:-1;right:0;top:24px;width:53%;height:300px;background:url('simulador-veiculos.jpg') center/cover no-repeat;border-radius:36px 12px 36px 12px;box-shadow:0 20px 60px #79220036}.eyebrow{color:#fff0df;letter-spacing:2px;font-size:11px;font-weight:800;margin:0 0 18px;max-width:46%}h1{color:white;font-size:clamp(32px,3.6vw,46px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 20px;max-width:47%;font-weight:900}h1 span{color:#ffdeba}.intro{color:#fff2e7;max-width:43%;font-size:14px;margin-bottom:22px}.validity{display:inline-block;color:#fff;background:#6a200046;border:1px solid #ffffff40;padding:10px 15px;border-radius:100px;font-size:11px;margin:12px 0 0}.sim-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;margin-top:30px;align-items:stretch}form,.result{padding:32px;border-radius:26px;border:1px solid #ffffff7a;box-shadow:0 16px 44px #8a3f1310}form{background:white}form:before{content:'Monte seu plano';display:block;font-weight:900;letter-spacing:-.7px;font-size:26px;margin-bottom:24px}form>label,legend{display:block;font-weight:800;font-size:14px;margin-bottom:10px}select{width:100%;background:#fffaf6;padding:16px 12px;border:1px solid #e4d8d0;border-radius:13px;margin-bottom:25px;color:#292b33;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,box-shadow .2s}select:hover{border-color:#fa681b}fieldset{padding:0;margin:0;border:0;min-width:0}.radio{display:flex;gap:10px;align-items:center;padding:13px 14px;border:1px solid #e9dfd8;border-radius:13px;margin-bottom:10px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.radio:hover{background:#fff2e7}.radio:has(input:checked){background:#fff0e3;border-color:#ed560c;box-shadow:inset 0 0 0 1px #ed560c;font-weight:800}input{accent-color:#ed560c;width:17px;height:17px;flex-shrink:0}.helper,.small{font-size:11px;color:#687078}.helper{margin:18px 0 0}.result{background:radial-gradient(ellipse at top right,#533021,transparent 70%),#20242c;color:#fff;position:relative;overflow:hidden}.result:before{content:'';position:absolute;right:-45px;top:-70px;width:190px;height:190px;border:26px solid #ff78251c;border-radius:50%;pointer-events:none}.result-label{font-size:10px!important;letter-spacing:2px;color:#ffb980;font-weight:800}.result h2{font-size:35px;letter-spacing:-1px;margin:8px 0 28px}.installment{display:block;font-size:clamp(40px,4.5vw,58px);letter-spacing:-2px;color:#ffad67;font-weight:900;line-height:1.2}.result p{margin:10px 0;font-size:13px}.result .small{color:#c7cbd1;font-size:10px;margin-top:15px}.warning{background:#ffffff0b;border:1px solid #ffffff17;border-left:3px solid #ff8b3e;padding:14px;border-radius:0 12px 12px 0;font-size:12px;margin:22px 0}.button{display:block;border-radius:15px;background:linear-gradient(110deg,#ff7621,#ff9b36);color:#201808;text-align:center;text-decoration:none;padding:18px 14px;font-weight:900;font-size:14px;box-shadow:0 7px 0 #a83908,0 14px 24px #0003;transition:transform .2s,box-shadow .2s,filter .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 0 #a83908,0 18px 30px #0004;filter:brightness(1.08)}.button:active{transform:translateY(4px);box-shadow:0 3px 0 #a83908}.conditions{margin-top:28px;background:white;border:1px solid #f0ded0;border-radius:26px;padding:30px}.conditions h2{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:0 0 24px}.conditions h2:before{content:'';display:inline-block;width:9px;height:24px;background:#ff6716;border-radius:6px;margin-right:12px;vertical-align:middle}dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}dl>div{background:#fff1e4;border:1px solid #ffe0c8;padding:16px;border-radius:16px}dt{font-size:11px;color:#75452c}dd{margin:9px 0 0;font-size:18px;line-height:1.3;font-weight:900;color:#a43506}.conditions>p{font-size:12px;color:#626971}summary{cursor:pointer;font-weight:900;padding:17px 20px;background:#fff0e3;border:1px solid #ffccaa;border-radius:12px;color:#9c3206;margin-top:24px}summary:hover{background:#ffe1c7}.table-scroll{overflow:auto;margin-top:10px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #eee1d7;padding:14px}th{background:#fff5ed;color:#824322}caption{text-align:left;color:#656c74;padding:12px}.selected{background:#ffe5cd;font-weight:800}a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bb3d00;outline-offset:4px}.result a:focus-visible{outline-color:white}@media(min-width:1200px){main:before{inset-inline:calc((1200px - 100vw)/2)}}@media(max-width:1199px){main:before{inset-inline:0}}@media(max-width:760px){main{padding:28px 18px}main:before{height:690px}main:after{top:220px;right:18px;left:18px;width:auto;height:235px;border-radius:22px}.eyebrow,h1,.intro{max-width:100%}.eyebrow{font-size:9px;margin-bottom:13px}h1{font-size:34px;margin-bottom:12px}.intro{font-size:12px;max-width:95%;margin:0}.validity{display:block;margin-top:270px;border-radius:12px;font-size:10px}.sim-grid{grid-template-columns:1fr;gap:18px;margin-top:20px}form,.result{padding:24px;border-radius:22px}form:before{font-size:24px}dl{grid-template-columns:1fr 1fr}.installment{font-size:48px}.conditions{padding:23px}.conditions h2{font-size:23px}dd{font-size:16px}}@media(max-width:370px){h1{font-size:29px}main:after{top:230px}.validity{margin-top:280px}form,.result{padding:20px}dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Keep the complete illustration in the layout instead of cropping a background. */
main:after{content:none}
.sim-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px}
.sim-hero .eyebrow,.sim-hero h1,.sim-hero .intro{max-width:100%}
.sim-hero .intro{margin-bottom:0}
.sim-hero-image{margin:0;min-width:0}
.sim-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:36px 12px 36px 12px;box-shadow:0 20px 60px #79220036}
.sim-hero-image figcaption{margin-top:8px;font-size:10px;color:#fff2e7;line-height:1.5}
.validity{margin-top:20px}
form,.result{min-width:0}
@media(max-width:760px){
 .sim-hero{grid-template-columns:1fr;gap:22px}
 .sim-hero-image img{border-radius:22px}
 .validity{margin-top:20px}
 .installment{font-size:clamp(26px,8vw,48px);letter-spacing:-1px}
}
/* Let the orange header grow with the copy and the uncropped illustration. */
main:before{content:none}
.sim-hero{position:relative;isolation:auto}
.sim-hero:before{content:'';position:absolute;z-index:-1;inset:-52px calc((100% - 100vw)/2) -105px;background:linear-gradient(110deg,#a93100 0%,#d94300 43%,#ff6b13 100%)}
@media(max-width:760px){.sim-hero:before{top:-28px;bottom:-130px}}

/* Mobile forms remain full-size inside an already narrow iframe. */
@media(max-width:850px){
 main{padding:24px 16px 32px}
 .sim-hero{grid-template-columns:1fr;gap:20px}
 .sim-hero:before{top:-24px;bottom:-130px}
 .sim-hero h1{font-size:clamp(28px,6vw,36px);letter-spacing:-.8px}
 .sim-hero .eyebrow{font-size:10px}
 .sim-hero .intro{font-size:14px}
 .sim-hero-image figcaption{font-size:11px}
 .sim-grid{grid-template-columns:1fr;gap:20px}
 form,.result{padding:24px 18px;min-width:0}
 select{font-size:16px;min-height:48px;padding:12px 10px}
 .radio{min-height:48px;font-size:14px;line-height:1.5}
 .helper{font-size:12px}
 .result h2{font-size:clamp(25px,6vw,34px)}
 .installment{font-size:clamp(26px,7vw,40px);letter-spacing:-1px;overflow-wrap:anywhere}
 .button{min-height:50px;font-size:14px;white-space:normal}
 .conditions{padding:24px 18px}
 dl{grid-template-columns:1fr}
 dt{font-size:12px}
 .conditions>p{font-size:13px}
 summary{min-height:48px;padding:14px;font-size:14px}
 th,td{padding:12px;white-space:nowrap}
}