/* Camada visual premium. Pode ser removida sem afetar as funções da página. */
:root {
  --premium-orange: #ff6a00;
  --premium-orange-light: #ff9417;
  --premium-ink: #070707;
  --premium-line: rgba(255,255,255,.12);
}

body {
  font-family: "Manrope", Arial, sans-serif;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,106,0,.045), transparent 34%),
    var(--premium-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.promo {
  padding: 10px 16px;
  background: linear-gradient(90deg, #f15a00, #ff9417 52%, #f15a00);
  font-size: 11px;
  letter-spacing: 1.7px;
}

.catalog-header {
  height: 82px;
  background: rgba(7,7,7,.96);
  border-bottom-color: rgba(255,255,255,.1);
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
}

.brand,
footer strong {
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-size: 29px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: .8px;
}

.back-link {
  border-color: rgba(255,255,255,.25);
  border-radius: 4px;
  padding: 11px 18px;
  font-size: 10px;
  letter-spacing: 1.2px;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.back-link:hover {
  color: var(--premium-orange-light);
  border-color: var(--premium-orange);
  background: rgba(255,106,0,.07);
}

.hero-copy p,
.section-heading p,
.order-heading p,
.how-it-works > p {
  font-size: 11px;
  letter-spacing: 2.4px;
}

.hero-copy h1,
.section-heading h2,
.order-heading h2,
.how-it-works h2,
.model-info h3 {
  font-family: "Barlow Condensed", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.hero-copy h1 {
  max-width: 700px;
  font-size: clamp(48px, 5.2vw, 72px);
  line-height: .91;
  text-shadow: 0 4px 24px rgba(0,0,0,.55);
}

.hero-copy span {
  max-width: 570px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
}

.hero-copy a,
.choose,
.submit-order {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background: linear-gradient(135deg, var(--premium-orange-light), var(--premium-orange));
  box-shadow: 0 10px 28px rgba(255,106,0,.2), inset 0 1px rgba(255,255,255,.25);
  font-family: "Manrope", Arial, sans-serif;
  letter-spacing: .65px;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.hero-copy a:hover,
.choose:hover,
.submit-order:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 14px 32px rgba(255,106,0,.3), inset 0 1px rgba(255,255,255,.3);
}

.benefits {
  border: 1px solid var(--premium-line);
  border-top: 3px solid var(--premium-orange);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(27,27,27,.98), rgba(13,13,13,.98));
  box-shadow: 0 18px 45px rgba(0,0,0,.36);
}

.benefits div { padding: 26px; border-right-color: var(--premium-line); }
.benefits strong { font-family: "Barlow Condensed", Arial, sans-serif; font-size: 15px; letter-spacing: .7px; }
.benefits span { margin-top: 7px; font-size: 10px; }

.section-heading h2,
.order-heading h2,
.how-it-works h2 {
  font-size: clamp(36px, 4vw, 48px);
  line-height: .98;
}

.section-heading span,
.order-heading span { line-height: 1.6; }

.models-grid { gap: 30px; }

.model-card {
  border-color: var(--premium-line);
  border-radius: 7px;
  background: linear-gradient(145deg, #181818, #101010);
  box-shadow: 0 18px 45px rgba(0,0,0,.27);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.model-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255,106,0,.55);
  box-shadow: 0 24px 54px rgba(0,0,0,.43);
}

.model-card > img {
  display: block;
  transition: transform .55s ease, filter .4s ease;
}

.model-card:hover > img { transform: scale(1.018); filter: contrast(1.03) saturate(1.04); }
.model-info { position: relative; padding: 28px; background: linear-gradient(180deg, #171717, #101010); }
.tag { font-size: 9px; letter-spacing: 1.35px; }
.model-info h3 { margin: 6px 0 20px; font-size: 32px; line-height: 1; }
.old-price { font-size: 12px; }
.price { font-family: "Barlow Condensed", Arial, sans-serif; font-size: 38px; letter-spacing: .4px; line-height: 1; }
.price small { font-family: "Manrope", Arial, sans-serif; font-size: 9px; letter-spacing: .5px; text-transform: uppercase; }
.choose { min-height: 52px; font-size: 10px; }
.choose.is-selected { background: linear-gradient(135deg, #9be643, #63bd1c); }

.featured { border-color: rgba(255,106,0,.8); box-shadow: 0 20px 50px rgba(255,106,0,.09); }
.featured-label { top: 16px; right: 16px; border-radius: 4px; padding: 10px 14px; box-shadow: 0 8px 24px rgba(0,0,0,.35); letter-spacing: .8px; }

.order-section {
  background:
    linear-gradient(90deg, rgba(3,3,3,.96), rgba(3,3,3,.78) 55%, rgba(3,3,3,.9)),
    url('/images/catalogo-caminhao.jpeg') center/cover no-repeat;
  border-top: 1px solid rgba(255,255,255,.08);
}

.order-form {
  padding: 36px;
  border: 1px solid rgba(255,255,255,.17);
  border-top: 3px solid var(--premium-orange);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(24,24,24,.97), rgba(10,10,10,.98));
  box-shadow: 0 28px 70px rgba(0,0,0,.62);
  backdrop-filter: blur(6px);
}

.selected-model strong { font-family: "Barlow Condensed", Arial, sans-serif; font-size: 29px; letter-spacing: .4px; }
.selected-model small { font-family: "Barlow Condensed", Arial, sans-serif; font-size: 23px; }
.conditions { border-radius: 4px; background: rgba(255,255,255,.055); }
.form-grid { gap: 20px; }
.form-grid label { gap: 8px; color: #f0f0f0; font-size: 10px; letter-spacing: .35px; }
.form-grid input,
.form-grid select {
  height: 48px;
  border-color: rgba(255,255,255,.2);
  border-radius: 5px;
  background: rgba(3,3,3,.8);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.form-grid input:hover,
.form-grid select:hover { border-color: rgba(255,255,255,.38); }
.form-grid input:focus,
.form-grid select:focus { border-color: var(--premium-orange); background: #080808; box-shadow: 0 0 0 3px rgba(255,106,0,.13); }
.submit-order { min-height: 55px; font-size: 11px; letter-spacing: .8px; }

.how-it-works { background: linear-gradient(180deg, #111, #090909); }
.steps div { border-color: var(--premium-line); border-radius: 6px; background: linear-gradient(145deg, #191919, #101010); transition: transform .2s ease, border-color .2s ease; }
.steps div:hover { transform: translateY(-4px); border-color: rgba(255,106,0,.5); }
.steps b { border-radius: 5px; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 21px; box-shadow: 0 8px 22px rgba(255,106,0,.18); }
.steps strong { font-family: "Barlow Condensed", Arial, sans-serif; font-size: 16px; letter-spacing: .5px; }
footer a { border-radius: 5px; box-shadow: 0 10px 28px rgba(37,211,102,.14); }

@media (max-width: 760px) {
  .catalog-header { height: 68px; }
  .brand { font-size: 22px; }
  .hero-copy h1 { font-size: 39px; line-height: .94; }
  .benefits div { padding: 19px 16px; }
  .benefits strong { font-size: 13px; }
  .section-heading h2,
  .order-heading h2,
  .how-it-works h2 { font-size: 33px; }
  .model-info { padding: 24px; }
  .model-info h3 { font-size: 29px; }
  .price { font-size: 35px; }
  .order-form { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .model-card,
  .model-card > img,
  .hero-copy a,
  .choose,
  .submit-order,
  .steps div { transition: none; }
}

/* Sistema visual expert da página de modelos */
body{font-family:Montserrat,Arial,sans-serif!important}
.brand,footer strong,.hero-copy h1,.section-heading h2,.order-heading h2,.how-it-works h2,.model-info h3,.price,.selected-model strong,.selected-model small{font-family:"Bebas Neue","Barlow Condensed",Arial,sans-serif!important;font-weight:400!important;letter-spacing:.7px!important}
.promo,.back-link,.hero-copy p,.hero-copy span,.hero-copy a,.benefits,.section-heading p,.section-heading span,.tag,.old-price,.price small,.choose,.order-heading p,.order-heading span,.order-form,.how-it-works>p,.steps,footer{font-family:Montserrat,Arial,sans-serif!important}
.hero-copy h1{font-size:clamp(55px,6vw,82px)!important;line-height:.91!important}.section-heading h2,.order-heading h2,.how-it-works h2{font-size:clamp(43px,4.8vw,59px)!important;line-height:.95!important}

.benefits div{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:transform .2s ease,background-color .2s ease}
.benefits div:after,.model-card:after,.steps div:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#ff6a00;transform:scaleX(.22);transform-origin:left;transition:transform .24s ease}
.benefits div:hover{transform:translateY(-3px);background:#181818}.benefits div:hover:after,.model-card:hover:after,.steps div:hover:after{transform:scaleX(1)}
.benefits i{width:40px;height:40px;margin-bottom:15px;border-radius:10px;background:rgba(255,106,0,.11);border:1px solid rgba(255,106,0,.34);display:grid;place-items:center}.benefits i svg{width:21px;height:21px;fill:#ff6a00}.benefits strong{font-family:"Bebas Neue","Barlow Condensed",Arial,sans-serif!important;font-size:21px!important;font-weight:400!important;letter-spacing:.6px!important}.benefits span{font-family:Montserrat,Arial,sans-serif!important;font-weight:600!important}

.model-card{position:relative}.model-card:after{z-index:4}.model-info h3{font-size:38px!important}.price{font-size:46px!important}.tag{font-weight:800!important;letter-spacing:1.4px!important}.choose{font-weight:800!important;letter-spacing:.5px!important}.choose:before{content:"✓";width:22px;height:22px;margin-right:8px;border-radius:6px;background:rgba(0,0,0,.14);display:grid;place-items:center;font-size:11px}.choose.is-selected:before{content:"✓"}

.order-form{position:relative;overflow:hidden}.order-form:after{content:"";position:absolute;right:-25px;top:-50px;width:180px;height:180px;border:1px solid rgba(255,106,0,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(255,106,0,.025),0 0 0 64px rgba(255,106,0,.018);pointer-events:none}.selected-model,.conditions,.form-grid,.submit-order,.form-message{position:relative;z-index:1}.form-grid label{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important}.form-grid input,.form-grid select{font-family:Montserrat,Arial,sans-serif!important}

.steps{gap:22px!important}.steps div{position:relative;min-height:245px;padding:34px 25px!important;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 38px rgba(0,0,0,.24)}.steps b{width:62px!important;height:62px!important;border-radius:14px!important;background:rgba(255,106,0,.12)!important;border:1px solid rgba(255,106,0,.38);box-shadow:none!important}.steps b svg{width:31px;height:31px;fill:#ff6a00}.steps small{margin:17px 0 7px;color:#ff6a00;font-size:8px;font-weight:800;letter-spacing:1.6px}.steps strong{font-family:"Bebas Neue","Barlow Condensed",Arial,sans-serif!important;font-size:25px!important;font-weight:400!important;letter-spacing:.5px!important}.steps span{font-family:Montserrat,Arial,sans-serif!important;line-height:1.55!important}
footer a{display:inline-flex!important;align-items:center!important;gap:8px!important;font-family:Montserrat,Arial,sans-serif!important;font-weight:800!important}footer a svg{width:17px;height:17px;fill:#07150b}

@media(max-width:760px){.hero-copy h1{font-size:45px!important}.section-heading h2,.order-heading h2,.how-it-works h2{font-size:38px!important}.benefits div{min-height:125px}.steps div{min-height:210px}.model-info h3{font-size:34px!important}}
@media(prefers-reduced-motion:reduce){.benefits div,.benefits div:after,.model-card:after,.steps div:after{transition:none!important}}

/* Mobile perfeito v1 — catálogo, modelos e pedido */
@media(max-width:760px){
  html,body{width:100%;overflow-x:hidden}.promo{padding:8px 10px!important;font-size:7px!important;line-height:1.4!important;letter-spacing:.7px!important;text-align:center}.catalog-header{height:62px!important;padding:0 14px!important;gap:9px}.brand{font-size:19px!important;white-space:nowrap}.back-link{padding:9px 10px!important;font-size:7px!important;letter-spacing:.5px!important;white-space:nowrap}.catalog-hero{min-height:480px!important}.catalog-hero>img{object-position:62% center!important}.hero-copy{width:calc(100% - 28px)!important;margin:0 auto 38px!important;padding:0!important}.hero-copy p{font-size:8px!important;letter-spacing:1.5px!important}.hero-copy h1{font-size:40px!important;line-height:.94!important}.hero-copy span{margin:14px 0 20px!important;font-size:11px!important;line-height:1.6!important}.hero-copy a{width:100%;min-height:48px;justify-content:center;padding:12px!important;font-size:9px!important}.benefits{width:calc(100% - 28px)!important;grid-template-columns:1fr 1fr!important;margin-top:-22px!important;border-radius:10px!important}.benefits div{min-height:112px!important;padding:15px 13px!important}.benefits div:nth-child(2){border-right:0!important}.benefits div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)!important}.benefits .benefit-icon{width:35px!important;height:35px!important;margin-bottom:11px!important}.benefits strong{font-size:11px!important}.benefits span{font-size:8px!important;line-height:1.45!important}.models-section{padding:58px 14px 65px!important}.section-heading{margin-bottom:30px!important}.section-heading p,.order-heading p,.how-it-works>p{font-size:8px!important;letter-spacing:1.6px!important}.section-heading h2,.order-heading h2,.how-it-works h2{font-size:34px!important;line-height:1!important}.section-heading span,.order-heading span{font-size:10px!important;line-height:1.6!important}.models-grid{gap:17px!important}.model-card{border-radius:10px!important}.model-card>img{aspect-ratio:1.2/1!important}.model-info{padding:20px!important}.model-info h3{font-size:31px!important;margin:7px 0 14px!important}.price{font-size:38px!important;margin-bottom:17px!important}.choose{min-height:49px!important;font-size:9px!important}.featured-label{top:11px!important;right:11px!important;padding:8px 9px!important;font-size:7px!important}.order-section{padding:57px 14px!important}.order-heading{margin-bottom:28px!important}.order-form{padding:18px 14px!important;border-radius:10px!important}.selected-model{gap:6px!important}.selected-model strong{font-size:25px!important}.selected-model small{font-size:20px!important}.conditions{margin:16px 0!important;padding:12px!important;font-size:9px!important}.form-grid{gap:13px!important}.form-grid label{font-size:9px!important}.form-grid input,.form-grid select{height:48px!important;font-size:16px!important}.submit-order{min-height:52px!important;font-size:9px!important}.how-it-works{padding:58px 14px!important}.steps{gap:12px!important;margin-top:28px!important}.steps div{min-height:164px!important;padding:23px 18px!important;border-radius:10px!important}.step-icon{width:49px!important;height:49px!important}.steps strong{font-size:19px!important}.steps span{font-size:9px!important;line-height:1.55!important}footer{padding:34px 14px!important}footer strong{font-size:23px!important}footer p{line-height:1.6!important}footer a{width:100%;max-width:330px;justify-content:center;min-height:47px}
}
@media(max-width:380px){.catalog-header .brand{font-size:17px!important}.back-link{font-size:6.5px!important}.hero-copy h1{font-size:36px!important}.benefits{grid-template-columns:1fr!important}.benefits div{min-height:95px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.benefits div:last-child{border-bottom:0!important}.section-heading h2,.order-heading h2,.how-it-works h2{font-size:31px!important}}
@media(max-width:760px){.benefits>div:after,.model-card:after,.steps>div:after{transition:transform .55s cubic-bezier(.2,.75,.25,1)!important}.benefits>div.mobile-revealed:after,.model-card.mobile-revealed:after,.steps>div.mobile-revealed:after{transform:scaleX(1)!important}.benefits>div:active,.model-card:active,.steps>div:active{transform:scale(.99)!important;border-color:#ff6a00!important}}