
:root{--primary-color:#f37335;--secondary-color:#ffb566;--success-color:#15804b;--danger-color:#bf3144;--warning-color:#be7a10;--text-color:#19334d;--text-muted:#647487;--bg-light:#f3f6fa;--transition:180ms ease}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-color);background:var(--bg-light);line-height:1.5}
.app-container,.split-layout{min-height:100vh;min-height:100svh}.split-layout{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,1fr)}
.left-panel{padding:44px 38px;background:#103661;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.left-panel::before,.left-panel::after{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff0d;border-radius:50%;pointer-events:none}
.left-panel::before{left:-320px;top:-200px}.left-panel::after{right:-420px;bottom:-150px;width:750px;height:750px}
.left-content{position:relative;z-index:1;width:100%;max-width:354px}.logo{display:block;width:208px;max-width:72%;height:auto;margin-bottom:32px}
.hero-image{width:142px;height:142px;border:4px solid #ffffff20;border-radius:50%;overflow:hidden;margin:0 0 25px;box-shadow:10px 8px 0 #f3733533}.hero-image img{width:100%;height:100%;object-fit:cover}
.brand-eyebrow{color:#ffb98a;font-size:10px;font-weight:750;letter-spacing:1.8px}.tagline h1{font-size:clamp(28px,2.45vw,37px);font-weight:750;letter-spacing:-1.3px;line-height:1.16;margin:13px 0 14px}.tagline p{color:#c4d3e3;font-size:14px;line-height:1.7;max-width:300px;margin:0}
.stepper{padding:0;margin:32px 0;list-style:none}.step{display:flex;align-items:center;gap:14px;position:relative;padding-bottom:19px}.step:last-child{padding-bottom:0}.step:not(:last-child)::after{content:"";position:absolute;width:1px;top:38px;bottom:0;left:18px;background:#ffffff25}
.step-icon{flex-shrink:0;width:37px;height:37px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;color:#b7cbde;font-weight:650;font-size:13px}.step-icon.active{color:#fff;background:#f37335;border-color:#f37335;box-shadow:0 0 0 5px #f373351c}.step-icon.completed{color:#ffc7a0;background:#ffffff13;border-color:#ffffff35}
.step-label{color:#a9bfd5;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:650}.step-title{font-size:13px;font-weight:550;color:#d4e0ec;margin-top:2px}.step[aria-current] .step-title{color:#fff;font-weight:700}
.secure-message{display:flex;gap:9px;align-items:center;padding-top:19px;border-top:1px solid #ffffff1f;color:#c4d3e3;font-size:12px}.secure-message i{color:#ffb98a;font-size:15px}
.right-panel{min-width:0;padding:50px clamp(24px,5vw,92px) 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 100% 0,#e5edf7 0,transparent 60%),#f3f6fa;scroll-margin-top:18px}
.form-progress,.page,.form-footer{width:100%;max-width:600px}.form-progress{margin:0 0 22px;padding:0 5px}.progress-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:var(--text-muted)}.progress-heading>span:first-child{color:#597087;font-size:10px;letter-spacing:1.7px;font-weight:750}#stepCounter{font-weight:600}
.progress-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.progress-segments span{height:4px;background:#dae3ec;border-radius:10px;transition:background var(--transition)}.progress-segments span.active{background:#ef793e}
.page{display:none}.page.active{display:block;animation:pageIn 220ms ease-out}.form-card,.message-card{width:100%;background:#fff;border:1px solid #e3e9ef;padding:34px 36px;border-radius:24px;box-shadow:0 20px 60px #16324f0b}
.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-header-icon{width:46px;height:46px;border-radius:14px;background:#fff1e8;display:grid;place-items:center;color:#c85b26;font-size:20px;flex-shrink:0}.card-eyebrow{color:#7c665a;font-size:9px;letter-spacing:1.35px;font-weight:750}
.card-title{font-size:28px;letter-spacing:-.8px;font-weight:750;color:var(--text-color);margin:0 0 10px;line-height:1.2;outline:none}.card-subtitle{color:var(--text-muted);font-size:14px;line-height:1.65;margin:0 0 26px;max-width:440px}
.form-group{margin:0 0 18px;min-width:0}.form-label{display:block;color:#344c62;font-weight:650;font-size:12px;margin:0 0 8px}.optional-label{color:#7f8c9a;font-weight:400;font-size:11px;margin-left:4px}
.form-control{display:block;width:100%;min-height:49px;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.5;color:#203c55;border:1px solid #dbe3eb;border-radius:10px;background-color:#fff;transition:border-color var(--transition),box-shadow var(--transition)}
.form-control::placeholder{color:#8593a1;opacity:1}select.form-control{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23647487' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-control:hover:not(:disabled){border-color:#b2c0ce}.form-control:focus{border-color:#e7834e;outline:none;box-shadow:0 0 0 4px #f3733514}.form-control:disabled{background-color:#f0f3f6;color:#8b97a4;cursor:not-allowed;border-color:#e6ebf0;opacity:1}
.form-control.is-valid{border-color:var(--success-color)}.form-control.is-invalid{border-color:var(--danger-color)}.invalid-feedback{color:var(--danger-color);font-size:12px;margin-top:6px}
.form-row{display:flex;gap:14px;margin-bottom:18px}.form-row .form-group{flex:1;margin:0}.form-row .col-narrow{flex:0 0 31%}
.form-check{display:flex;gap:10px;align-items:flex-start;padding:15px;background:#f7f9fc;border:1px solid #edf1f5;border-radius:10px;margin:22px 0}.form-check .form-check-input{float:none;margin:2px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:#ca5a27;border:1px solid #bac6d1}.form-check-input:checked{background-color:#ca5a27;border-color:#ca5a27}
.form-check-label{font-size:12px;color:#68788b;line-height:1.7}.form-check-label a{color:#af4c1d;text-underline-offset:3px;font-weight:600}
.btn-custom{min-height:50px;padding:13px 18px;border:1px solid transparent;border-radius:11px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:background var(--transition),box-shadow var(--transition);line-height:1.4}
.btn-custom.btn-primary{background:#f37335;color:#132e46;box-shadow:0 5px 12px #e96b251a}.btn-custom.btn-primary:hover{background:#f68b56;color:#102b42}.btn-custom.btn-outline{background:#fff;color:#4c647b;border-color:#dbe3eb}.btn-custom.btn-outline:hover{background:#f0f4f8;color:#223f5a}
.btn-custom.btn-success{background:#15804b;color:#fff}.btn-custom.btn-success:hover{background:#116a3e;color:#fff}.btn-custom:focus-visible,a:focus-visible,.form-check-input:focus-visible{outline:3px solid #4878ac;outline-offset:3px;box-shadow:none}.btn-custom:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.form-footer{margin:24px 0 0;color:#77899c;text-align:center;font-size:11px}.form-footer span{padding:0 8px;color:#c0cbd5}
.message-card{text-align:center}.message-card .card-title{font-size:25px!important;line-height:1.3}.success-icon{width:66px;height:66px;display:grid;place-items:center;font-size:34px;border-radius:20px;color:var(--success-color);background:#e8f6ed;margin:0 auto 22px}
.info-box{padding:18px;margin:20px 0;text-align:left;background:#f4f8fc;border-radius:12px;border-left:3px solid var(--primary-color)}.info-title{font-size:14px;font-weight:700;margin-bottom:8px}.info-content{font-size:13px;color:var(--text-muted)}.highlight-message{padding:16px;margin-top:20px;background:#fff1e8;border-radius:12px;font-size:14px;color:#92421d}
.loading-overlay{position:fixed;inset:0;z-index:9999;background:#103661f2;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:42px;height:42px;border:3px solid #ffffff30;border-top-color:#ff9b60;border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:15px}.form-control.loading{border-color:var(--primary-color);background-color:#fff8f3}
.alert-container{position:fixed;top:20px;right:20px;max-width:400px;z-index:10000}.alert-custom{padding:16px;margin-bottom:10px;border-radius:12px;background:#fff;box-shadow:0 12px 36px #0002;border-left:4px solid #4878ac;font-size:14px;animation:pageIn .2s}.alert-success{border-color:var(--success-color);color:#16613a}.alert-danger{border-color:var(--danger-color);color:#942536}.alert-warning{border-color:var(--warning-color);color:#83520c}.alert-info{color:#28547d}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutRight{to{opacity:0;transform:translateX(20px)}}
@media(min-width:1600px){.left-content{max-width:380px}.form-card,.message-card{padding:40px}}
@media(max-width:1050px){.split-layout{grid-template-columns:34% minmax(0,1fr)}.left-panel{padding:30px 25px}.right-panel{padding:36px 28px 24px}.tagline h1{font-size:29px}.form-card,.message-card{padding:28px}}
@media(max-width:767px){.split-layout{display:flex;flex-direction:column}.left-panel{padding:24px 22px 30px;flex:none;min-height:0}.left-content{max-width:600px}.logo{width:156px;margin:0 0 22px}.hero-image,.stepper,.secure-message,.brand-eyebrow{display:none}.tagline h1{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.tagline h1 br{display:none}.tagline p{font-size:13px;max-width:380px;line-height:1.5}.right-panel{padding:24px 18px;justify-content:flex-start;flex:1;scroll-margin-top:12px}.form-progress{margin-bottom:18px}.form-card,.message-card{padding:26px 23px;border-radius:19px}.card-title{font-size:26px}.card-subtitle{font-size:14px;margin-bottom:24px}.form-control{font-size:16px;min-height:50px}.form-footer{margin-top:20px}.alert-container{left:12px;right:12px;max-width:none}}
@media(max-width:380px){.left-panel{padding:22px 18px}.right-panel{padding:20px 12px}.form-card,.message-card{padding:24px 18px}.card-title{font-size:24px}.card-eyebrow{font-size:8px;letter-spacing:1px}.form-row{gap:10px}.btn-custom{padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.w-100{width:100%!important}.d-flex{display:flex!important}.flex-wrap{flex-wrap:wrap!important}.gap-2{gap:10px!important}.mt-3{margin-top:24px!important}.justify-content-center{justify-content:center!important}.flex-grow-1{flex-grow:1!important}.align-items-center{align-items:center!important}.me-2{margin-right:8px!important}.ms-2{margin-left:8px!important}.text-center{text-align:center!important}.py-4{padding:24px 0!important}.mt-5{margin-top:40px!important}.border-top{border-top:1px solid #dde5ed!important}.mx-2{margin:0 8px!important}.btn-close{background:none;border:0;color:inherit;cursor:pointer;font-size:18px}

/* Cadastro de veículo com a identidade visual da Credinowe. */
[hidden]{display:none!important}
.left-panel{align-items:flex-start}.left-content{position:sticky;top:42px}.right-panel{justify-content:flex-start;padding-top:42px}
.step-label,.step-title{display:block}.secure-message{align-items:flex-start;line-height:1.6;margin-bottom:0}
.logo{margin-bottom:28px}.hero-image{width:116px;height:116px;margin-bottom:25px}.tagline h1{font-size:36px}
.form-card{padding:32px 34px}.card-title{font-size:28px}.card-subtitle{margin-bottom:25px}
.form-progress,.page,.form-footer,.form-message,.save-status{max-width:640px;width:100%}
.form-row .form-group{min-width:0}.last{margin-bottom:0}
.request-details{border:1px solid #e2e9f1;border-radius:14px;background:#f8fafc;padding:19px 18px 15px;margin:25px 0 0;min-width:0}
.request-details legend{width:auto;padding:0 8px;color:#244562;font-size:13px;font-weight:700}
.request-details legend i{color:#bd5728;margin-right:7px}
.field-note{display:block;font-size:12px;color:#60758a;line-height:1.6;margin:9px 0 0}
.form-control{background:#fff}.form-control[aria-invalid=true]{border-color:#bf3144}
.invalid-feedback{display:none;font-size:12px;color:#a92336;line-height:1.5;margin-top:6px}
.invalid-feedback:not(:empty){display:block}
.form-actions{display:flex;gap:12px;align-items:stretch;margin-top:26px}
.form-actions>.btn-primary{flex:1}.form-actions>.btn-outline{flex:0 0 auto}
.btn-custom[aria-busy=true]::before{content:"";width:15px;height:15px;flex:0 0 15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
.btn-custom[aria-busy=true]>i{display:none}
.form-message{border:1px solid #e9bdc3;border-left:4px solid #b72e42;padding:14px 16px;background:#fff2f3;color:#822035;font-size:13px;line-height:1.6;border-radius:11px;margin-bottom:18px;outline:none}
.form-message .text-button{display:block;color:inherit;margin-top:8px}
.save-status{font-size:12px;color:#48677c;min-height:0;margin:0}.save-status:not(:empty){margin:0 0 12px}
.review-section{padding:19px 0;border-top:1px solid #e4eaf0}.review-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.review-heading h3{font-size:14px;color:#244562;margin:0;font-weight:750}.text-button{padding:5px 0;border:0;background:transparent;color:#ad491c;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.review-list{margin:0;display:grid;gap:9px}.review-list>div{display:grid;grid-template-columns:125px 1fr;gap:14px}.review-list dt{font-size:12px;color:#61768a}.review-list dd{font-size:13px;color:#203d56;font-weight:550;margin:0;overflow-wrap:anywhere}
.info-box{font-size:12px;color:#526c82;line-height:1.7;border-left-color:#f37335;margin:8px 0 24px}
.message-card{padding:42px 34px}.message-card .card-title{font-size:29px!important;margin-top:12px}.message-card .card-subtitle{max-width:440px;margin:14px auto 25px}.message-card .text-button{margin-top:22px}
.protocol{border:1px solid #dfe8ef;background:#f7f9fc;border-radius:12px;padding:16px;margin:0 0 24px;display:grid;gap:4px}.protocol span{font-size:11px;color:#657c8e}.protocol strong{font-size:16px;color:#244562;overflow-wrap:anywhere;letter-spacing:.5px}
.skip-link{position:absolute;left:15px;top:-100px;z-index:5;background:white;padding:12px;color:#103661}.skip-link:focus{top:15px}
.no-script{padding:18px;background:#fff0db;color:#573a16;text-align:center}
@media(max-width:1050px){.tagline h1{font-size:29px}.form-card{padding:28px}.right-panel{padding-top:36px}}
@media(max-width:767px){.left-content{position:static}.left-panel{padding:24px 22px 27px}.right-panel{padding-top:24px}.tagline h1{font-size:27px}.logo{margin-bottom:20px}.form-card{padding:26px 23px}.form-check{margin-bottom:16px}.card-title{font-size:26px}.request-details{padding:16px 13px}.review-list>div{grid-template-columns:108px 1fr;gap:10px}.btn-custom{font-size:13px}.message-card{padding:32px 23px}}
@media(max-width:450px){.form-row{display:block;margin-bottom:0}.form-row .form-group{margin-bottom:18px}.form-actions{gap:9px}.form-actions .btn-custom{padding:12px 13px}.review-list>div{grid-template-columns:94px 1fr}}
@media(max-width:380px){.form-card{padding:24px 18px}.card-title{font-size:24px}.tagline h1{font-size:25px}.card-eyebrow{letter-spacing:.8px}.btn-custom{font-size:12px}.form-actions .btn-custom{padding:11px}}

/* Datas nativas devem caber no formulário também no Safari móvel. */
input[type=date].form-control{min-width:0;max-width:100%;appearance:none;-webkit-appearance:none}

#financiamentoGroup{padding-top:4px}input[type=number]{appearance:textfield}.hero-image img{object-position:center 25%}.request-details .form-group:last-child{margin-bottom:0}

.form-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.15em}.secure-message .form-icon{color:#ffb98a;margin-top:2px}.request-details legend .form-icon{color:#bd5728;margin-right:7px}.btn-custom[aria-busy=true]>.form-icon{display:none}
