:root {
  --carrion-laranja: #F47721;
  --carrion-laranja-escuro: #dc6f18;
  --carrion-branco: #FFFFFF;
  --carrion-escuro: #172026;
}

/* BASE */
body {
  background: #ffffff;
  color: var(--carrion-escuro);
}

/* TOPO PRETO -> LARANJA */
.topbar {
  background: var(--carrion-laranja) !important;
  color: var(--carrion-branco) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.topbar,
.topbar * {
  color: var(--carrion-branco) !important;
}

.topbar a {
  font-weight: 800 !important;
}

/* MENU PRINCIPAL */
.header nav a {
  font-size: 12px !important;
  font-weight: 800 !important;
}

.header nav a.active {
  color: var(--carrion-laranja) !important;
}

.header nav a.active:after {
  background: var(--carrion-laranja) !important;
}

/* FAIXA ESCURA DO MEIO -> LARANJA */
.section-dark {
  background: var(--carrion-laranja) !important;
  color: var(--carrion-branco) !important;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark p,
.section-dark .lead-light,
.section-dark .split p,
.section-dark .eyebrow,
.section-dark .eyebrow-green,
.section-dark .text-link,
.section-dark a {
  color: var(--carrion-branco) !important;
}

.section-dark h2,
.section-dark .split h2,
.section-dark .prose-grid h2 {
  font-size: clamp(34px, 4vw, 50px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}

.section-dark p,
.section-dark .lead-light,
.section-dark .split p {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.section-dark .text-link {
  border-bottom: 2px solid #ffffff !important;
  font-weight: 800 !important;
}

.section-dark .fleet-photo,
.section-dark figure,
.section-dark img {
  border-radius: 14px;
}

/* RODAPE PRETO -> LARANJA */
.footer {
  background: var(--carrion-laranja) !important;
  color: var(--carrion-branco) !important;
  padding: 62px 0 20px !important;
}

.footer,
.footer * {
  color: var(--carrion-branco) !important;
}

.footer h4 {
  font-size: 18px !important;
  font-weight: 900 !important;
}

.footer p,
.footer a,
.footer span,
.footer strong,
.footer li {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.45) !important;
  color: var(--carrion-branco) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* CTA LARANJA MAIS LEGIVEL */
.cta {
  background: var(--carrion-laranja) !important;
  color: #fff !important;
}

.cta h2,
.cta p,
.cta .eyebrow {
  color: #fff !important;
}

.cta h2 {
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 900 !important;
}

.cta p {
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* MOBILE */
@media (max-width: 1080px) {
  .header nav,
  .header nav.open {
    background: #ffffff !important;
  }

  .header nav a {
    font-size: 13px !important;
    font-weight: 800 !important;
  }
}

@media (max-width: 650px) {
  .topbar {
    font-size: 13px !important;
  }

  .section-dark h2,
  .section-dark .split h2,
  .cta h2 {
    font-size: 34px !important;
  }

  .footer h4 {
    font-size: 17px !important;
  }

  .footer p,
  .footer a,
  .footer span,
  .footer strong,
  .footer li {
    font-size: 13px !important;
  }
}

/* AJUSTE DO TEXTO DO BANNER PRINCIPAL */
.hero-copy h1 {
    font-size: clamp(30px, 4.2vw, 56px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    max-width: 760px !important;
    margin: 10px 0 18px !important;
}

.hero-copy p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    max-width: 760px !important;
}

.hero-copy .eyebrow,
.hero .eyebrow,
.hero .eyebrow-green {
    font-size: 11px !important;
    letter-spacing: .14em !important;
}

.hero-grid {
    padding: 56px 0 !important;
}

.hero-photo {
    min-height: 540px !important;
}

.hero .actions {
    margin-top: 20px !important;
}

.hero .btn {
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 11px !important;
}

@media (max-width: 900px) {
    .hero-copy h1 {
        font-size: clamp(28px, 5.5vw, 46px) !important;
    }
}

@media (max-width: 650px) {
    .hero-copy h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    .hero-copy p {
        font-size: 15px !important;
    }

    .hero-grid {
        padding: 44px 0 !important;
    }

    .hero-photo {
        min-height: auto !important;
    }

    .hero .btn {
        font-size: 10px !important;
        min-height: 42px !important;
    }
}

/* AJUSTE DO TEXTO DO BANNER PRINCIPAL */
.hero-copy h1 {
    font-size: clamp(30px, 4.2vw, 56px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    max-width: 760px !important;
    margin: 10px 0 18px !important;
}

.hero-copy p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    max-width: 760px !important;
}

.hero-copy .eyebrow,
.hero .eyebrow,
.hero .eyebrow-green {
    font-size: 11px !important;
    letter-spacing: .14em !important;
}

.hero-grid {
    padding: 56px 0 !important;
}

.hero-photo {
    min-height: 540px !important;
}

.hero .actions {
    margin-top: 20px !important;
}

.hero .btn {
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 11px !important;
}

@media (max-width: 900px) {
    .hero-copy h1 {
        font-size: clamp(28px, 5.5vw, 46px) !important;
    }
}

@media (max-width: 650px) {
    .hero-copy h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
    }

    .hero-copy p {
        font-size: 15px !important;
    }

    .hero-grid {
        padding: 44px 0 !important;
    }

    .hero-photo {
        min-height: auto !important;
    }

    .hero .btn {
        font-size: 10px !important;
        min-height: 42px !important;
    }
}

/* INICIO AJUSTE TIPOGRAFIA CARRION */
.hero-copy h1{font-size:30px!important;line-height:1.18!important;letter-spacing:-.02em!important;font-weight:800!important}.hero-copy p{font-size:15px!important;line-height:1.5!important}.hero-copy .eyebrow{font-size:11px!important}.cta h2{font-size:30px!important;line-height:1.22!important;font-weight:800!important}@media(max-width:650px){.hero-copy h1{font-size:24px!important}.hero-copy p{font-size:13px!important}.hero-copy .eyebrow{font-size:10px!important}.cta h2{font-size:24px!important}}
/* FIM AJUSTE TIPOGRAFIA CARRION */

/* CARRION FONTES CONTROLADAS INICIO */
.hero .hero-copy h1{font-size:30px!important;line-height:1.16!important;letter-spacing:-.02em!important;font-weight:800!important}
.hero .hero-copy p{font-size:15px!important;line-height:1.5!important}
.cta .cta-inner h2{font-size:30px!important;line-height:1.24!important;font-weight:800!important}
@media(max-width:650px){.hero .hero-copy h1{font-size:24px!important}.hero .hero-copy p{font-size:13px!important}.cta .cta-inner h2{font-size:24px!important}}
/* CARRION FONTES CONTROLADAS FIM */

/* AJUSTE DA IMAGEM DA PAGINA FROTA */
.fleet-feature figure {
    background: #f5f7f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
    overflow: hidden !important;
}

.fleet-feature figure img {
    width: 100% !important;
    height: 320px !important;
    min-height: unset !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

@media (max-width: 650px) {
    .fleet-feature figure img {
        height: 240px !important;
    }
}

/* INICIO - IMAGENS NOS CARDS DA PAGINA EMPRESA */
.company-service-card{
    padding:0 !important;
    overflow:hidden !important;
    border-radius:14px !important;
}

.company-service-card img{
    display:block !important;
    width:100% !important;
    height:150px !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:14px 14px 0 0 !important;
}

.company-service-card h3{
    padding:22px 22px 0 22px !important;
    margin:0 !important;
}

.company-service-card p{
    padding:14px 22px 24px 22px !important;
    margin:0 !important;
}

@media(max-width:650px){
    .company-service-card img{
        height:130px !important;
    }
}
/* FIM - IMAGENS NOS CARDS DA PAGINA EMPRESA */