.hero-home { overflow: hidden; }

.hero-home__trilho:not(:has(> .owl-stage)) > :not(:first-child) { display: none; }

.hero-home__trilho .owl-stage {
  padding: 0;
}

.hero-home__trilho .owl-esteira {
  gap: 0;
}

.hero-home__trilho .owl-item {
  flex: 0 0 100%;
  max-width: 100%;
}

.hero-home__slide {
  display: block;
  text-decoration: none;
}

.hero-home__slide img {
  display: block;
  width: 100%;
  height: clamp(340px, 100vw / 2.82, 540px);
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767px) {
  .hero-home__slide img { height: clamp(300px, 92vw, 420px); }
}

.hero-home__trilho .owl-nav {
  position: absolute;
  inset-block-start: 50%;
  inset-inline: 0;
  max-width: none;
  width: auto;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.hero-home__trilho .owl-nav button.owl-prev,
.hero-home__trilho .owl-nav button.owl-next,
.hero-home__trilho .owl-nav button.owl-prev:hover,
.hero-home__trilho .owl-nav button.owl-next:hover {
  position: relative;
  pointer-events: auto;
  width: 50px;
  height: 180px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  transform: none;
  overflow: hidden;
}

.hero-home__trilho .owl-nav .st-seta { display: none; }

.hero-home__trilho .owl-nav button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: center / 100% 100% no-repeat;
  opacity: 0.3;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hero-home__trilho .owl-nav button.owl-prev::after {
  background-image: url("../../assets/icons/icon-seta-lateral-esq.svg?v=1");
  transform: translateX(-30px);
}

.hero-home__trilho .owl-nav button.owl-next::after {
  background-image: url("../../assets/icons/icon-seta-lateral-dir.svg?v=1");
  transform: translateX(30px);
}

.hero-home__trilho .owl-nav button:hover::after,
.hero-home__trilho .owl-nav button:focus-visible::after {
  opacity: 1;
  transform: none;
}

.hero-home__trilho .owl-nav button:focus-visible {
  outline: 2px solid var(--st-white);
  outline-offset: -4px;
}

@media (prefers-reduced-motion: reduce) {
  .hero-home__trilho .owl-nav button::after { transition: none; }
}

@media (hover: none) {
  .hero-home__trilho .owl-nav button::after {
    opacity: 1;
    transform: none;
  }
}

.solucoes--home .solucoes__painel { --sanfona-h: clamp(20rem, 30vw, 34rem); }

.solucoes__lead {
  max-width: 60ch;
  margin-block: var(--st-sec-gap) 0;
  font-size: var(--st-fs-lead);
  line-height: 1.6;
}

@media (min-width: 992px) and (max-width: 1439.98px) {
  .solucoes--home .solucoes__painel { --sanfona-h: clamp(18rem, 28vw, 26rem); }
}

@media (max-width: 991px) {
  .solucoes--home .solucao { height: 22rem; }
}

.solucoes--home {
  color: var(--st-white);
  background: url("../../assets/illustration/shape-02.svg?v=1") 58% center / auto 125% no-repeat, var(--st-navy);
}

.solucoes--home > .container { position: relative; }

.solucoes--home .secao-conteudo__title { color: var(--st-white); }

.solucoes--home .secao-conteudo__title strong { color: var(--st-blue); }

.solucoes__marca {
  position: absolute;
  inset-block: 0;
  inset-inline-end: calc(var(--bs-gutter-x, 24px) * 0.5 + 64px);
  width: auto;
  height: min(11rem, 100%);
  margin-block: auto;
  pointer-events: none;
}

@media (max-width: 991px) {
  .solucoes__marca { display: none; }
}

.solucoes--home .solucoes__painel { margin-block-start: var(--st-sec-y); }

.solucoes__fecho { margin-block-start: var(--st-sec-y); }

.faixa-frase__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px 96px;
  align-items: center;
}

.faixa-frase__texto {
  margin: 0;
  font-size: var(--st-fs-lead);
  font-weight: 300;
  line-height: 1.6;
}

.faixa-frase__texto strong {
  display: block;
  font-weight: 700;
}

.faixa-frase__ctas {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 991px) {
  .faixa-frase__grid { grid-template-columns: 1fr; }

  .faixa-frase__ctas { flex-flow: row wrap; }
}

.otimizar__blocos {
  display: grid;
  gap: 48px;
}

.otimizar__bloco .otimizar__lead,
.otimizar__bloco .otimizar__subtitulo {
  margin-block: 0 20px;
  font-size: var(--st-fs-h3);
  font-weight: 700;
  line-height: 1.3;
  color: var(--st-navy);
}

.otimizar__acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-block-start: 28px;
}

.otimizar__acoes .btn { margin: 0; }

.numeros {
  --no: 80px;

  position: relative;
  z-index: 1;
  padding-block: var(--st-sec-y);
  color: var(--st-white);
  background-color: var(--st-navy);
}

.numeros .secao-conteudo__title { color: var(--st-white); }

.numeros .secao-conteudo__title strong { color: var(--st-blue); }

.numero--clientes .numero__icone::before { mask-image: url("../../assets/icons/icon-clientes.svg?v=2"); }
.numero--toneladas .numero__icone::before { mask-image: url("../../assets/icons/icon-toneladas.svg?v=2"); }
.numero--caminhoes .numero__icone::before { mask-image: url("../../assets/icons/icon-frota-caminhoes.svg"); }
.numero--navios .numero__icone::before { mask-image: url("../../assets/icons/icon-navio.svg"); }
.numero--armazem .numero__icone::before { mask-image: url("../../assets/icons/icon-armazem.svg?v=2"); }


.faixa-foto__conteudo {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  height: 100%;
  pointer-events: none;
}

.faixa-foto--caixa .faixa-foto__conteudo { padding-block-end: 3rem; }

@media (hover: hover) and (min-width: 1200px) {
  .faixa-foto--caixa .faixa-foto__conteudo { padding-block-end: 4rem; }
}

.faixa-foto__caixa {
  max-width: 600px;
  padding: 48px 52px;
  color: var(--st-white);
  background-color: var(--st-blue-text);
  border-radius: var(--st-radius-midia);
  pointer-events: auto;
}

.faixa-foto__titulo {
  margin: 0;
  font-size: var(--st-fs-h2);
  font-weight: 300;
  line-height: 1.25;
}

.faixa-foto__titulo strong { font-weight: 700; }

@media (max-width: 767px) {
  .faixa-foto--caixa { height: auto; }

  .faixa-foto--caixa .faixa-foto__janela {
    position: relative;
    height: 280px;
  }

  .faixa-foto__conteudo,
  .faixa-foto--caixa .faixa-foto__conteudo {
    display: block;
    height: auto;
    margin-block-start: -56px;
    padding-block-end: 0;
  }

  .faixa-foto__caixa { padding: 32px 28px; }
}

.necessidade {
  position: relative;
  z-index: 1;
  display: flow-root;
  aspect-ratio: 3000 / 1721;
  padding-block-end: 36vw;
}

.necessidade__fundo {
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  width: 100%;
  height: auto;
}

.necessidade > .container { margin-block-start: -3rem; }

.necessidade .cards-destaque {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
  margin-block: 0;
}

.necessidade__card {
  display: flex;
  flex-direction: column;
  padding: 32px 28px;
  transition: background-color 0.35s var(--st-ease), flex-grow 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.necessidade .cards-destaque__stat {
  margin: 0;
  font-size: var(--st-fs-lead);
  font-weight: 300;
}

.necessidade .cards-destaque--icone .cards-destaque__figura {
  order: -1;
  height: 56px;
  margin: 0 0 24px;
}

.necessidade .cards-destaque--icone .cards-destaque__figura img {
  width: auto;
  height: 56px;
  max-height: none;
  opacity: 1;
}

.necessidade__desc {
  margin: 14px 0 0;
  font-size: var(--st-fs-meta);
  line-height: 1.55;
  color: var(--st-white);
}

.necessidade__desc a {
  color: var(--st-white);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.necessidade__desc a:hover,
.necessidade__desc a:focus-visible { color: var(--st-c1d1e8); }

@media (hover: hover) and (min-width: 1200px) {
  .necessidade > .container { margin-block-start: -4rem; }

  .necessidade .cards-destaque {
    --unidade: calc((100cqi - 80px - 240px) / 6.4);

    container-type: inline-size;
    display: flex;
    height: 20rem;
  }

  .necessidade__card {
    flex: 1 1 0;
    min-width: 0;
    padding: 24px;
    overflow: hidden;
  }

  .necessidade .cards-destaque__stat {
    width: var(--unidade);
    font-size: var(--st-fs-body);
  }

  .necessidade__desc {
    flex: none;
    width: calc(var(--unidade) * 2.4);
    max-height: 0;
    margin-block-start: 0;
    font-size: var(--st-fs-meta);
    line-height: 1.5;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.15s var(--st-ease), transform 0.15s var(--st-ease), max-height 0s linear 0.15s, margin 0s linear 0.15s;
  }

  .necessidade .cards-destaque--icone .cards-destaque__figura {
    order: 0;
    margin: auto 0 0;
    transition: opacity 0.2s var(--st-ease);
  }

  .necessidade__card:hover {
    flex-grow: 2.4;
    background-color: var(--st-navy);
  }

  .necessidade__card:hover .cards-destaque__figura,
  .necessidade__card:focus-within .cards-destaque__figura { opacity: 0; }

  .necessidade__card:focus-within {
    flex-grow: 2.4;
    background-color: var(--st-navy);
  }

  .necessidade__card:hover .necessidade__desc,
  .necessidade__card:focus-within .necessidade__desc {
    max-height: 20em;
    margin-block-start: 14px;
    opacity: 1;
    transform: none;
    transition: max-height 0s linear 0.45s, margin 0s linear 0.45s, opacity 0.3s var(--st-ease) 0.45s, transform 0.3s var(--st-ease) 0.45s;
  }
}

@media (max-width: 1199px) {
  .necessidade .cards-destaque { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .necessidade {
    aspect-ratio: auto;
    padding-block: var(--st-sec-y) 50vw;
  }

  .necessidade > .container { margin-block-start: 0; }


  .necessidade .cards-destaque { grid-template-columns: 1fr; }
}

.hero-home--texto {
  --hero-h: clamp(340px, 100vw / 2.82, 540px);
  --inclina: calc(var(--hero-h) * 0.1763);
  --borda: calc(30rem + var(--inclina));
}

.hero-home--texto .hero-home__slide {
  position: relative;
  display: block;
  height: var(--hero-h);
  overflow: hidden;
  background-color: var(--st-navy);
}

.hero-home--texto .hero-home__slide img {
  height: var(--hero-h);
  object-position: right center;
}

.hero-home__txt {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: var(--st-white);
}

.hero-home__txt::before,
.hero-home__txt::after {
  content: "";
  position: absolute;
  inset-block: 0;
  z-index: -1;
  pointer-events: none;
}

.hero-home__txt::before {
  inset-inline-start: -100vw;
  width: calc(100vw + var(--borda));
  background: url("../../assets/illustration/shape-banner-01.svg?v=2") right center / auto 100% no-repeat;
}

.hero-home__txt::after {
  inset-inline-start: calc(var(--borda) - var(--inclina) - 1px);
  width: calc(var(--hero-h) * 324 / 815);
  background: url("../../assets/illustration/shape-banner-02.svg?v=2") left bottom / 100% 100% no-repeat;
}

.hero-home__txt > * { max-width: 30rem; }

.hero-home__eyebrow {
  margin: 0 0 16px;
  font-size: var(--st-fs-micro);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero-home__titulo {
  margin: 0;
  font-size: var(--st-fs-h2);
  font-weight: 700;
  line-height: 1.15;
  color: var(--st-white);
  text-wrap: balance;
}

.hero-home__desc {
  max-width: 30rem;
  margin: 16px 0 28px;
  font-size: var(--st-fs-lead);
  font-weight: 300;
  line-height: 1.5;
}

.hero-home__txt > *:not(.hero-home__titulo) { color: var(--st-white); }

.hero-home__txt .btn { color: var(--st-navy); }

@media (prefers-reduced-motion: no-preference) {
  .hero-home--texto .owl-item .hero-home__txt::before,
  .hero-home--texto .owl-item .hero-home__txt::after {
    transform: translateX(calc(-100vw - var(--borda)));
    transition: transform 0.45s cubic-bezier(0.55, 0, 1, 0.45);
  }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt::before,
  .hero-home--texto .owl-item.esta-ativo .hero-home__txt::after {
    transform: none;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt::after { transition-delay: 0.42s; }

  .hero-home--texto .owl-item .hero-home__txt > * {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.2s var(--st-ease);
  }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt > * {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s var(--st-ease) 0.7s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
  }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt > :nth-child(2) { transition-delay: 0.8s; }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt > :nth-child(3) { transition-delay: 0.9s; }

  .hero-home--texto .owl-item.esta-ativo .hero-home__txt > :nth-child(4) { transition-delay: 1s; }
}

@media (max-width: 767px) {
  .hero-home--texto .hero-home__slide img { object-position: center; }

  .hero-home--texto {
    --hero-h: 520px;
    --borda: calc(100% - 8px);
  }

  .hero-home__txt > *,
  .hero-home__desc { max-width: calc(100% - 110px); }
}