*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial;color:#142437;background:#fff}.wrap{width:min(1180px,92%);margin:auto}.topbar{height:72px;background:#061321;color:#fff;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-weight:900;font-size:21px}.brand b,.hero h1 span,.searchBox h2 span{color:#65c548}.brand small{display:block;font-size:8px;color:#aeb9c2;font-weight:500}.truck{font-size:29px}.nav nav,.nav>nav{display:flex;align-items:center;gap:20px}.nav a{color:#fff;text-decoration:none;font-size:13px}.btn{border:0;border-radius:7px;padding:12px 18px;font-weight:800;cursor:pointer}.green{background:#65c548;color:#06130a}.ghost{background:transparent;color:#fff;border:1px solid #65c548}.ghostDark{background:#fff;border:1px solid #65c548;color:#39872d}.hamb{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{min-height:535px;position:relative;background:linear-gradient(110deg,#061321,#18313a 55%,#101e25);overflow:hidden;color:#fff}.hero:after{content:"🚛";position:absolute;right:4%;bottom:-25px;font-size:330px;opacity:.28;filter:drop-shadow(0 30px 25px #000)}.heroShade{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#91a46c55,transparent 38%),linear-gradient(90deg,#061321 0%,transparent 75%)}.heroGrid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:55px 0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:#65c548}.eyebrow.dark{color:#398d2f}.hero h1{font-size:50px;line-height:1.04;margin:10px 0 18px;max-width:620px}.hero p{font-size:18px;line-height:1.55;max-width:590px;color:#e1e8ed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.stats strong{font-size:21px;display:block}.stats small{font-size:11px;color:#c4ced5}.searchBox{background:#0b1b2a;border:1px solid #385064;border-radius:12px;padding:24px;box-shadow:0 20px 60px #0006}.searchBox h2{margin:0 0 18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.searchBox label,.filters label{font-size:12px;font-weight:800}.searchBox input,.searchBox select,.filters input{width:100%;margin-top:6px;padding:12px;border-radius:7px;border:1px solid #445968;background:#102333;color:#fff}.searchBox i{font-weight:400;color:#8e9aa4}.wide{width:100%;margin-top:16px}.linkBtn{display:block;margin:13px auto 0;background:none;border:0;color:#fff;cursor:pointer}.section{padding:55px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.heading h2,.why h2,.company h2,.plans h2{font-size:30px;margin:6px 0}.heading p{margin:0;color:#71808c;font-size:12px}.heading select{padding:10px;border:1px solid #d5dde2;border-radius:7px}.resultLayout{display:grid;grid-template-columns:250px 1fr;gap:24px}.filters{border:1px solid #e1e7eb;border-radius:9px;padding:18px;height:max-content}.filterTop{display:flex;justify-content:space-between;font-size:15px;margin-bottom:12px}.filterTop button{border:0;background:none;color:#4b9d3c;cursor:pointer}.filters input{background:#fff;color:#142437}.filters h4{font-size:12px;margin:19px 0 8px}.checks{display:grid;gap:7px}.checks label{font-weight:500!important;display:flex;align-items:center;gap:7px}.checks input{width:auto;margin:0;accent-color:#65c548}.freight{position:relative;border:0;border-bottom:1px solid #dfe4e8;border-radius:0;padding:17px 14px 17px 14px;margin:0;background:#fff;display:grid;grid-template-columns:88px 1.15fr 1.55fr 150px;gap:14px;align-items:center;cursor:pointer;transition:background .15s}.freight:hover{background:#fafcfd}.freight.sponsored{padding-top:8px}.freightThumb{width:72px;height:48px;border-radius:3px;background:#f1f2f3;display:grid;place-items:center;color:#68727c;font-size:14px}.sponsoredLabel{font-size:11px;color:#5d6873;margin-bottom:8px}.routeLines{position:relative;padding-left:17px}.routeLines:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;border-left:1px dashed #b9c1c8}.routePoint{position:relative;font-size:13px;line-height:1.8;white-space:nowrap}.routePoint:before{content:"";position:absolute;left:-17px;top:9px;width:6px;height:6px;border:1px solid #a9b3bb;background:#fff;border-radius:50%}.routePoint:last-child:before{border-radius:1px}.tagRow{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tag{display:inline-block;background:#f4f5f6;color:#697681;font-size:10px;font-weight:500;padding:6px 9px;border-radius:15px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value{text-align:right;color:#0069d9}.value strong{font-size:14px;color:#0069d9;letter-spacing:1px}.value .valueHidden{font-size:14px;letter-spacing:3px}.freightMeta{font-size:10px;color:#65717b;margin-top:7px}.muted{font-size:11px;color:#71808c}.value{text-align:right}.value strong{display:block;margin-bottom:7px}.details{background:#fff;border:1px solid #65c548;color:#39872d;border-radius:6px;padding:8px 11px;font-weight:800;cursor:pointer}.why{background:#061321;color:#fff;padding:52px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.steps article{border-top:2px solid #65c548;padding:18px}.steps b{display:grid;place-items:center;width:34px;height:34px;background:#dff5d9;color:#39872d;border-radius:50%}.steps h3{font-size:15px}.steps p{font-size:12px;color:#c0cbd3;line-height:1.5}.company{background:#f5f7f9}.companyGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.company p{color:#667583;line-height:1.6;max-width:600px}.companyCard{background:#fff;border:1px solid #e0e6ea;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0613210b}.companyCard>div{font-size:35px}.plans{background:#fff}.planGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.planGrid article{border:1px solid #e0e6ea;border-radius:10px;padding:25px}.planGrid strong{font-size:24px;display:block;margin:15px 0}.planGrid p{color:#6e7d8a}.foot{padding:35px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.foot p,.foot a{color:#71808c;font-size:12px}.modal{position:fixed;inset:0;background:#061321aa;display:grid;place-items:center;padding:20px;z-index:50}.hidden{display:none!important}.modalCard{position:relative;background:#fff;width:min(600px,100%);max-height:90vh;overflow:auto;border-radius:12px;padding:28px;box-shadow:0 30px 80px #0007}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modalCard h2{margin-top:0}.formModal{display:grid;gap:12px}.formModal label{font-size:12px;font-weight:800}.formModal input,.formModal select,.formModal textarea{width:100%;padding:11px;border:1px solid #d6dfe4;border-radius:7px}.formModal textarea{min-height:90px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{padding:12px;border-radius:7px;background:#eef8eb;color:#357a2d;font-size:12px}.detailGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.detailBox{border:1px solid #e0e6ea;border-radius:9px;padding:15px}.detailBox p{font-size:13px;line-height:1.6}.contact{margin-top:12px}.dashboard{display:grid;gap:15px}.dashCard{border:1px solid #e0e6ea;border-radius:9px;padding:16px}.dashRow{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf0f2;padding:10px 0}.dashRow:last-child{border-bottom:0}@media(max-width:900px){.nav>nav{display:none}.hamb{display:block}.heroGrid{grid-template-columns:1fr}.hero:after{opacity:.12}.resultLayout{grid-template-columns:1fr}.filters{display:none}.steps{grid-template-columns:1fr 1fr}.companyGrid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{height:62px}.brand{font-size:17px}.brand small{display:none}.heroGrid{padding:35px 0}.hero h1{font-size:37px}.stats{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.heading{align-items:flex-start;gap:12px;flex-direction:column}.freight{grid-template-columns:1fr 1fr}.value{text-align:left}.two,.detailGrid,.planGrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.foot{align-items:flex-start;flex-direction:column}.nav>nav.mobile{display:flex;position:absolute;top:62px;left:0;right:0;background:#061321;padding:18px;flex-direction:column;align-items:stretch}}
#resultList{min-width:0}.resultsCount{font-size:18px;font-weight:800;margin-bottom:2px}.resultsCount span{font-weight:500;font-size:13px;color:#67747f}
@media(max-width:900px){.freight{grid-template-columns:72px 1fr 120px}.freight>div:nth-child(3){grid-column:2}.freight .value{grid-column:3;grid-row:1 / span 2}.freightThumb{width:64px}.tag{max-width:105px}}
@media(max-width:620px){.freight{grid-template-columns:58px 1fr}.freight .value{grid-column:2;grid-row:auto;text-align:left;margin-top:4px}.freight>div:nth-child(3){grid-column:2}.freightThumb{width:54px;height:42px}.routePoint{font-size:12px}.tag{font-size:9px;padding:5px 7px}}

/* Detalhes do frete — visual inspirado nas referências enviadas */
.detailPage{font-family:Arial,Helvetica,sans-serif;color:#333}
.detailRoute{background:#f4f4f4;border:1px solid #ededed;padding:12px 10px;font-size:13px;margin-bottom:18px}
.detailRoute b{color:#0069d9;font-weight:500}
.detailRoute .arrow{font-size:18px;color:#444;margin:0 10px}
.detailColumns{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px}
.detailMain{min-width:0}
.detailPhoto{height:305px;background:#f4f4f4;border:1px solid #cfcfcf;display:grid;place-items:center;font-size:55px;color:#666}
.detailPhoto .lockBig{filter:grayscale(1);opacity:.9}
.detailBar{background:#f3f3f3;padding:11px 10px;margin-bottom:18px;font-size:12px;text-transform:uppercase}
.detailSection{display:grid;grid-template-columns:45px 1fr;gap:10px;margin:0 0 25px}
.detailIcon{font-size:28px;color:#666;text-align:center}
.detailSectionBody{border-left:1px solid #ddd;padding-left:10px;font-size:12px;line-height:1.9}
.detailSectionBody strong{font-weight:800}
.detailContact{margin:5px 0 24px}
.detailContact .btn{background:#0869d7;color:#fff;border-radius:4px;padding:9px 25px;font-size:12px}
.companyInfo{background:#f3f3f3;padding:10px;font-size:12px;margin-top:10px}
.companyGridInfo{display:grid;grid-template-columns:92px 1fr;gap:12px;margin-top:12px}
.companyLock{height:48px;border:1px solid #ccc;background:#f7f7f7;display:grid;place-items:center;color:#666}
.companyText{font-size:12px;line-height:1.9}
.accountGate{text-align:center;font-family:Arial,Helvetica,sans-serif;padding:12px 22px 10px}
.accountGate .gateIcon{font-size:55px;margin:2px auto 12px}
.accountGate h2{font-size:20px;margin:0 0 15px;color:#243444}
.accountGate p{font-size:14px;line-height:1.5;color:#44515d;max-width:330px;margin:0 auto 25px}
.accountGate .gateBtn{width:100%;height:38px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer}
.accountGate .primary{background:#0869d7;color:#fff;border:1px solid #0869d7;margin-bottom:12px}
.accountGate .secondary{background:#fff;color:#0869d7;border:1px solid #0869d7}
.modal.gateModal{background:#0008}
.gateModal .modalCard{width:min(490px,100%);border-radius:10px;padding:25px 30px}
.gateClose{position:absolute;right:17px;top:10px;border:0;background:none;font-size:27px;color:#555;cursor:pointer}
@media(max-width:760px){
 .detailColumns{grid-template-columns:1fr}
 .detailPhoto{height:220px;order:-1}
 .detailSection{grid-template-columns:36px 1fr}
 .gateModal .modalCard{padding:22px 20px}
}

/* Sidebar de filtros — inspirado na referência enviada, com identidade própria */
.mobileFilterBar{display:none}
.filters{padding:0;border:1px solid #d9e0e5;border-radius:0;background:#fff;position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto}
.filters::-webkit-scrollbar{width:6px}.filters::-webkit-scrollbar-thumb{background:#cbd3d9;border-radius:8px}
.filterTop{padding:15px 14px;border-bottom:1px solid #e1e6ea;background:#fff;position:sticky;top:0;z-index:2}
.filterTop b{font-size:14px}.filterTopActions{display:flex;align-items:center;gap:8px}.filterTop button{font-size:11px}.filterClose{display:none!important;border:0;background:#f2f4f5!important;color:#334454!important;border-radius:6px;padding:5px 8px!important;cursor:pointer;font-size:14px!important;line-height:1}
.filterBlock{padding:18px 14px;border-bottom:1px solid #dfe4e8}
.filterBlock h3{font-size:15px;margin:0 0 14px;color:#101820}
.filterBlock label{font-size:11px;font-weight:500;color:#68798a;display:block;margin:7px 0}
.filterBlock>label:not(.choice){color:#111820;font-weight:700;margin-bottom:7px}
.filterSelect{height:40px;border:1px solid #aab7c1;border-radius:7px;padding:11px 10px;font-size:11px;color:#68798a;display:flex;justify-content:space-between;cursor:pointer;background:#fff}
.originBox{border:1px solid #aab7c1;border-radius:0 0 7px 7px;padding:8px 10px 10px;max-height:350px;overflow:auto;background:#fff}
.originBox b{display:block;font-size:11px;color:#111820;margin:5px 0 7px}
.hiddenFilter{display:none}
.choice{display:flex!important;align-items:center;gap:8px;margin:7px 0!important;font-size:11px!important;font-weight:500!important;color:#68798a!important}
.choice input{appearance:none;width:16px;height:16px;border:1px solid #b8c3cc;border-radius:50%;margin:0;position:relative;background:#fff}
.choice input[type=checkbox]{border-radius:4px}
.choice input:checked{border-color:#0878ee}
.choice input:checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0878ee}
.choice input[type=checkbox]:checked:after{border-radius:2px}
.plainFilterInput{width:100%!important;margin:7px 0!important;padding:10px!important;border:1px solid #c9d1d7!important;border-radius:6px!important;background:#fff!important;color:#1b2936!important;font-size:11px!important}
.destLabel{margin-top:14px!important}
.subgroup{display:block;font-size:11px;margin:11px 0 8px;color:#111820}
.checks{display:grid;gap:0}
.checks label{display:flex;align-items:center;gap:8px;margin:6px 0!important;font-size:11px!important;color:#68798a!important}
.checks input{appearance:none;width:16px;height:16px;border:1px solid #b8c3cc;border-radius:4px;margin:0;position:relative;background:#fff}
.checks input:checked{border-color:#0878ee;background:#0878ee}
.checks input:checked:after{content:"✓";position:absolute;color:#fff;font-size:11px;left:3px;top:0}
.compactRadios{padding-top:17px;padding-bottom:17px}
.priceInputs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.priceInputs input{width:100%;padding:8px;border:1px solid #c9d1d7;border-radius:5px;font-size:10px}
.resultLayout{grid-template-columns:260px 1fr;align-items:start;gap:20px}
#resultList{min-width:0}
@media(max-width:900px){
 .mobileFilterBar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
 .filters{display:none;position:fixed;z-index:40;left:10px;top:70px;bottom:10px;width:min(310px,calc(100vw - 20px));max-height:none;box-shadow:0 15px 50px #0004}
 .filters.mobileOpen{display:block}
 .filters.mobileOpen .filterClose{display:inline-flex!important;align-items:center;justify-content:center}
 .resultLayout{grid-template-columns:1fr}
}

.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 10px;background:#fff;border-top:1px solid #e2e7eb;flex-wrap:wrap}
.pagination button{min-width:34px;height:34px;border:1px solid #d1d9df;background:#fff;border-radius:5px;color:#425466;cursor:pointer;font-size:12px}
.pagination button:hover:not(:disabled){border-color:#0878ee;color:#0878ee}
.pagination button.active{background:#0878ee;color:#fff;border-color:#0878ee;font-weight:700}
.pagination button:disabled{opacity:.4;cursor:not-allowed}
.pagination .pageInfo{font-size:11px;color:#697681;margin-left:8px}

/* No Freteiro, o preço não aparece na lista de resultados — somente nos detalhes protegidos. */
.freight .routeDistance{color:#0069d9;font-size:12px;font-weight:600;text-align:right;white-space:nowrap}
.freight .routeDistance span{margin-right:4px}
@media(max-width:900px){.freight .routeDistance{grid-column:3;grid-row:1}}
@media(max-width:620px){.freight .routeDistance{grid-column:2;grid-row:auto;text-align:left;margin-top:3px}}

.trustStats{display:flex;justify-content:center;gap:0;margin:26px auto 0;max-width:760px;background:#fff;border:1px solid #e1e6ea;border-radius:10px;box-shadow:0 8px 25px rgba(18,35,50,.06);overflow:hidden}
.trustStats>div{flex:1;padding:14px 20px;border-right:1px solid #e7ebee;text-align:center}
.trustStats>div:last-child{border-right:0}
.trustStats strong{display:block;font-size:19px;color:#0878ee}
.trustStats span{display:block;margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#697783}
.freightMeta{font-size:10px!important;color:#77848e!important;margin-top:7px}
.liveDot{color:#17a957;font-size:9px;margin-right:4px}
.lockedContact{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:10px 12px;background:#f5f7f8;border:1px solid #e1e6e9;border-radius:5px;font-size:12px}
.lockedContact span{color:#687681;font-size:10px;margin-left:auto}
@media(max-width:620px){
 .trustStats{margin-left:12px;margin-right:12px}
 .trustStats>div{padding:11px 7px}
 .trustStats strong{font-size:15px}
 .trustStats span{font-size:8px}
 .lockedContact{display:block}
 .lockedContact span{display:block;margin:4px 0 0}
}

.siteFooter{margin-top:50px;background:#12202c;color:#dbe4ea;padding:28px 0}
.siteFooter .wrap{display:flex;justify-content:space-between;gap:20px;font-size:11px}
.siteFooter strong{color:#fff;font-size:14px}
@media(max-width:620px){.siteFooter .wrap{display:block}.siteFooter span{display:block;margin-top:7px}}

.statsStrip{display:grid;grid-template-columns:repeat(4,1fr);background:#071824;color:#fff;border-radius:0;margin:0 auto 26px;max-width:1180px;overflow:hidden}
.statsStrip>div{padding:18px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.09)}
.statsStrip>div:last-child{border-right:0}
.statsStrip strong{display:block;font-size:22px;line-height:1.1}
.statsStrip span{display:block;margin-top:6px;font-size:10px;color:#c6d1d8}
@media(max-width:700px){.statsStrip{grid-template-columns:repeat(2,1fr)}.statsStrip>div:nth-child(2){border-right:0}.statsStrip>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}}

/* Indicadores: uma única faixa de números, sem duplicidade na página inicial */
.statsStrip{margin:0 auto;padding:18px max(24px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:repeat(4,1fr);background:#071925;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.statsStrip>div{text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.statsStrip>div:last-child{border-right:0}
.statsStrip strong{display:block;font-size:20px;color:#fff}
.statsStrip span{display:block;margin-top:4px;font-size:10px;color:#b7c3cb}
@media(max-width:700px){.statsStrip{grid-template-columns:repeat(2,1fr);gap:12px}.statsStrip>div:nth-child(2){border-right:0}.statsStrip>div:nth-child(1),.statsStrip>div:nth-child(2){padding-bottom:10px}}

/* Busca centralizada: origem e destino são definidos apenas no formulário principal. */
.filters .plainFilterInput,
.filters .destLabel,
.filters .originBox,
.filters .filterSelect{display:none!important}
.filters .filterBlock:first-of-type{display:block}

.filters .filterBlock:first-of-type{border-top:0}
.filters .filterTop button{color:#4fbe3f}
.advanced{font-size:11px;opacity:.9}

/* Correção de layout: a lista de fretes permanece visível ao lado dos filtros. */
.resultLayout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px}
#resultList{display:grid;grid-template-columns:1fr;min-width:0;width:100%;align-content:start}
#resultList .freight{width:100%;box-sizing:border-box}
#resultList .pagination{grid-column:1}
@media(max-width:900px){
  .resultLayout{grid-template-columns:1fr}
  #resultList{width:100%}
}

.resultsCount{font-weight:700;font-size:18px;color:#607789}
.resultsCount>span{font-size:12px;font-weight:500}

.searchBox input,.searchBox select,.searchBox button,.linkBtn,
.filters input,.filters button,.filters select,.freight,.pagination button,
.modalCard button,.modalCard input,.modalCard select,.modalCard textarea{cursor:pointer}
.searchBox input{cursor:text}.searchBox select{cursor:pointer}
.freight:focus{outline:2px solid #4fbe3f;outline-offset:2px}

.routeDistance strong{display:block;font-size:18px;color:#0a7a35;line-height:1.1}
.routeDistance .kmRate{display:block;margin-top:3px;color:#1769aa;font-weight:800}
.routeDistance small{display:block;margin-top:3px;color:#66737e;font-size:9px}
.routeDistance>span:last-child{display:block;margin-top:7px;font-size:10px;color:#687681}
.rateNote{margin-top:8px;padding:8px 10px;background:#f6f7f8;border-left:3px solid #8a94a3;color:#5c6b76;font-size:10px;line-height:1.45}
.contactLead{text-align:left}.contactLead>p{max-width:480px}.contactLead .gateIcon{text-align:center}.contactLead h2{text-align:center}.contactLead>p{text-align:center}.contactLead .wide{margin-top:4px}.gateClose{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}

.contactSuccess{text-align:center;padding:10px 20px 5px}
.contactSuccess .gateIcon{font-size:58px;margin-bottom:10px}
.contactSuccess h2{margin-bottom:10px}
.contactSuccess p{max-width:390px}
.contactSuccess .notice{margin:0 auto 16px;text-align:left}