.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

.section_hero {
  color: #fff;
  background-color: #e80537;
  padding: 5rem 2.5rem;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 96.375rem;
  margin-left: auto;
  margin-right: auto;
}

.container.is-grid {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.container.content-align-center {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container.grid-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid-top.padding-lateral {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.content-hero {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-1 {
  color: #fff;
  max-width: 772px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 104%;
}

.text-size-medium {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.2;
}

.text-size-medium.max-widht-large {
  width: 100%;
  max-width: 43.4375rem;
}

.form-contain-wrapp, .form-block {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem .5rem .5rem 1.5rem;
  display: flex;
}

.text-field {
  color: #000;
  border: 1px #000;
  align-self: stretch;
  width: 298px;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 0;
}

.submit-button {
  color: #000;
  background-color: #fdb822;
  border-radius: 1rem;
  flex: 0 auto;
  padding: 1rem 1.25rem;
  transition: background-color .2s;
}

.submit-button:hover {
  background-color: #e80537;
}

.submit-button.is-mobile {
  display: none;
}

.img_hero-section {
  object-fit: cover;
  height: 25rem;
  overflow: visible;
}

.padding-medium {
  padding-top: 2.406rem;
  padding-bottom: 2.406rem;
}

.grid-hero {
  grid-column-gap: 59px;
  grid-row-gap: 59px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-size-xregular {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.text-size-xregular.max-widht-regular {
  max-width: 43.75rem;
}

.padding-regular {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.grid-logos {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grid-logos.is-marquee {
  display: none;
}

.visa {
  max-height: 21.29px;
}

.aurora {
  max-height: 38.76px;
}

.boticario {
  max-height: 39.54px;
}

.pepsico, .embraer {
  max-height: 30.41px;
}

.votorantim {
  max-height: 26.61px;
}

.section_2 {
  background-color: #daf086;
  padding: 7.5rem 2.5rem;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 4rem;
  line-height: 1.08;
}

.heading-2.max-widht-xlarge {
  max-width: 63.875rem;
}

.heading-2.max-widht-xmedium {
  max-width: 38rem;
}

.heading-2.max-widht-regular {
  max-width: 54rem;
}

.padding-small {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.button {
  background-color: #e80537;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  transition: background-color .2s;
}

.button:hover {
  color: #000;
  background-color: #fff;
}

.button.is-yellow {
  color: #000;
  background-color: #fdb822;
}

.button.is-yellow:hover {
  background-color: #fff;
}

.button.hover-yellow:hover {
  background-color: #fdb822;
}

.grid_3-columns {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-white {
  text-align: left;
  background-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.img_card {
  object-fit: cover;
  border-radius: 2rem;
  width: 28.1875rem;
  height: 20rem;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 36px;
  line-height: 1.12;
}

.heading-3.is-2rem {
  font-size: 2rem;
}

.div-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  display: flex;
}

.text-size-regular {
  margin-bottom: 0;
}

.text-link-red {
  color: #e80537;
  padding-left: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.text-link-red:hover {
  color: #000;
}

.text-link-red.no-padding {
  padding-left: 0;
}

.red-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: left;
  background-color: #e80537;
  border-radius: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  padding: 5rem;
  display: grid;
}

.content-card_red {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 34.25rem;
  display: flex;
}

.img_asset {
  object-fit: cover;
  width: 37.1875rem;
  height: 31.1875rem;
  overflow: visible;
}

.section_3 {
  background-color: #fff;
  padding: 7.5rem 2.5rem;
}

.card-ref {
  text-align: left;
  border-radius: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 35.3125rem;
  padding: 3rem 2.8rem 2.8rem;
  font-weight: 600;
  display: flex;
}

.card-ref.pequeno {
  background-image: url('<?php echo esc_url( content_url( 'uploads/2025/08/pequenas.webp' ) ); ?>');
}

.card-ref.pequeno:hover {
  background-image: linear-gradient(#0003, #0003), url('<?php echo esc_url( content_url( 'uploads/2025/08/pequenas.webp' ) ); ?>');
}

.card-ref.medias {
  background-image: url('<?php echo esc_url( content_url( 'uploads/2025/08/medias.webp' ) ); ?>');
}

.card-ref.medias:hover {
  background-image: linear-gradient(#0003, #0003), url('<?php echo esc_url( content_url( 'uploads/2025/08/medias.webp' ) ); ?>');
}

.card-ref.grandes {
  background-image: url('<?php echo esc_url( content_url( 'uploads/2025/08/grandes.webp' ) ); ?>');
}

.card-ref.grandes:hover {
  background-image: linear-gradient(#0003, #0003), url('<?php echo esc_url( content_url( 'uploads/2025/08/grandes.webp' ) ); ?>');
}

.selo {
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.selo.pequenas {
  color: #154202;
  background-color: #e3f5a0;
}

.selo.medias {
  color: #cc5200;
  background-color: #ffe9a5;
}

.selo.grandes {
  color: #e80537;
  background-color: #fef0f1;
}

.footer-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-link-footer {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.text-link-footer:hover {
  color: #fdb822;
}

.section_4 {
  color: #fff;
  background-color: #e80537;
  padding: 7.5rem 2.5rem;
  overflow: hidden;
}

.tabs {
  grid-column-gap: 4.375rem;
  grid-row-gap: 4.375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  display: grid;
}

.tabs-menu {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 40.9375rem;
  display: flex;
}

.tab-link {
  opacity: .6;
  color: #fff;
  background-color: #ddd0;
  border-left: 4px solid #fff;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 1.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.tab-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #c8c8c800;
  border-left: 4px solid #fff;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding-left: 1.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.tabs-content {
  align-self: stretch;
  width: 100%;
  max-width: 906px;
  margin-top: 0;
  overflow: visible;
}

.img_quem {
  object-fit: cover;
  width: 100%;
  max-width: 56.625rem;
  height: 30rem;
  overflow: visible;
}

.tab-pane {
  overflow: visible;
}

.section_5 {
  background-color: #fff;
  padding: 5rem 2.5rem;
  overflow: hidden;
}

.section_5.align-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.arrows-group {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.arrows-group.swiper {
  margin-left: 0;
  margin-right: 0;
}

.swiper-btn-next {
  background-color: #f3f3f3;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  transition: box-shadow .2s;
  display: flex;
}

.swiper-btn-next:hover {
  background-color: #ffa433;
  box-shadow: 0 10px 40px #0003;
}

.swiper-btn-prev {
  background-color: #f3f3f3;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  transition: box-shadow .2s;
  display: flex;
}

.swiper-btn-prev:hover {
  background-color: #ffa433;
  box-shadow: 0 10px 40px #0003;
}

.swiper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.swiper-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.swiper-slide {
  order: 1;
}

.img_historias {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  max-width: none;
  height: 100%;
}

.text-block-card {
  grid-column-gap: 8.75rem;
  grid-row-gap: 8.75rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: grid;
}

.img-logo-historias {
  height: 7.5rem;
}

.div-block-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 21.25rem;
  display: flex;
}

.text-weight-medium {
  font-weight: 500;
}

.padding-xsmall {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.swiper-button-next {
  background-color: #f3f3f3;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  transition-property: all;
  display: flex;
  overflow: hidden;
}

.swiper-button-next:hover {
  background-color: #ffa433;
}

.icon {
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  overflow: hidden;
}

.icon.rotate {
  transform-style: preserve-3d;
  min-width: 1rem;
  max-width: 1rem;
  min-height: 1rem;
  max-height: 1rem;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.swiper-button-prev {
  background-color: #f3f3f3;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  transition-property: all;
  display: flex;
  overflow: hidden;
}

.swiper-button-prev:hover {
  background-color: #ffa433;
}

.section_6 {
  background-color: #f5f5f5;
  padding: 7.5rem 2.5rem;
  overflow: hidden;
}

.grid_2-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid_2-columns.is-diferente {
  grid-template-columns: auto auto;
  align-self: center;
}

.card-empresa {
  text-align: left;
  background-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
}

.video-1 {
  z-index: 1;
  object-fit: cover;
  border-radius: 2rem;
  align-self: stretch;
  width: 100%;
  min-width: 38rem;
  max-width: 38rem;
  height: 26.25rem;
  min-height: 26.25rem;
  max-height: 26.25rem;
  overflow: hidden;
}

.hide {
  display: none;
}

.top-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.img_mobilidade {
  object-fit: cover;
  border-radius: 2rem;
  align-self: stretch;
  width: 100%;
  min-width: 38rem;
  max-width: 38rem;
  height: 26.25rem;
  min-height: 26.25rem;
  max-height: 26.25rem;
  overflow: hidden;
}

.section_7 {
  color: #fff;
  text-align: center;
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.background-video {
  z-index: 1;
  opacity: .4;
  filter: blur(5px);
  width: 100vw;
  height: 61.25rem;
  position: relative;
  inset: 0%;
}

.text-cta {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slide-container {
  align-self: stretch;
  position: relative;
  overflow: hidden;
}

.card-swiper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.slide-nav {
  display: none;
}

.slider-2 {
  background-color: #ddd0;
  width: 100%;
  min-height: 48.9375rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.mask-2 {
  width: 51.8125rem;
  height: 48.9375rem;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slide, .slide-2, .slide-3 {
  margin-right: 24px;
}

.left-arrow {
  width: 48px;
  height: 48px;
  inset: -16% 6rem auto auto;
}

.right-arrow {
  width: 48px;
  height: 48px;
  inset: -16% 2.5rem auto auto;
}

.slide-nav-2, .img-mobile, .img-mobile-red {
  display: none;
}

@media screen and (min-width: 1920px) {
  .container.is-grid {
    max-width: 96rem;
    margin-left: auto;
    margin-right: auto;
  }

  .container.content-align-center {
    margin-left: auto;
    margin-right: auto;
  }

  .img_hero-section {
    height: 29rem;
  }

  .tabs {
    grid-column-gap: 4.375rem;
    grid-row-gap: 4.375rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .tabs-content {
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 56.625rem;
    margin-top: -138.23px;
    display: flex;
  }

  .img_quem {
    height: 38rem;
  }

  .swiper-wrapper {
    max-width: none;
  }

  .background-video {
    z-index: 1;
  }

  .left-arrow {
    right: 14rem;
  }

  .right-arrow {
    right: 10rem;
  }
}

@media screen and (max-width: 991px) {
  .section_hero {
    text-align: center;
  }

  .container.content-align-center {
    overflow: hidden;
  }

  .content-hero {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-1 {
    font-size: 36px;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .text-size-medium.max-widht-large {
    max-width: none;
    font-size: 1rem;
  }

  .img_hero-section {
    display: none;
  }

  .grid-hero {
    grid-template-columns: auto;
  }

  .text-size-xregular {
    font-size: 1rem;
  }

  .section_2 {
    overflow: hidden;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .heading-2.max-widht-xlarge {
    font-size: 1.75rem;
  }

  .grid_3-columns {
    box-sizing: content-box;
    align-self: flex-start;
    width: 100%;
    display: flex;
    overflow: auto;
  }

  .card-white {
    width: 327px;
    min-width: 327px;
  }

  .heading-3.is-2rem {
    font-size: 1.5rem;
  }

  .red-container {
    text-align: center;
    grid-template-columns: 1fr;
    padding: 2rem;
  }

  .content-card_red {
    justify-content: flex-start;
    align-items: center;
  }

  .img_asset.hide-mobile {
    display: none;
  }

  .card-ref {
    width: 304px;
    height: 342px;
  }

  .card-ref.pequeno, .card-ref.medias, .card-ref.grandes {
    padding: 1.5rem;
  }

  .selo.pequenas, .selo.medias, .selo.grandes {
    font-size: 1rem;
  }

  .section_4 {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .tabs {
    grid-template-columns: 1fr;
  }

  .tabs-menu {
    flex-flow: row;
    max-width: none;
    overflow: auto;
  }

  .tab-link {
    flex: none;
    font-size: 20px;
  }

  .tab-link.w--current {
    width: auto;
    font-size: 20px;
  }

  .tabs-content {
    max-width: none;
  }

  .img_quem {
    max-width: none;
    height: 31.75rem;
  }

  .section_5.align-center {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .swiper-btn-next, .swiper-btn-prev {
    display: none;
  }

  .text-block-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    grid-template-columns: auto;
    align-self: stretch;
    place-items: start center;
    padding-top: 2rem;
  }

  .img-logo-historias {
    object-fit: cover;
    height: 4rem;
  }

  .div-block-3 {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .section_6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .grid_2-columns.is-diferente {
    grid-template-columns: 100%;
  }

  .card-empresa {
    grid-row-gap: .923077rem;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 1.5rem;
  }

  .video-1 {
    order: -1;
    width: 100%;
    min-width: 180px;
    max-width: none;
    height: 400px;
    min-height: auto;
    max-height: none;
  }

  .top-card {
    order: 1;
  }

  .img_mobilidade {
    order: -1;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 400px;
    min-height: auto;
    max-height: none;
  }

  .background-video {
    height: 40rem;
  }

  .slider-2 {
    min-height: 44rem;
  }

  .mask-2 {
    width: 100%;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .img-mobile {
    height: 484px;
    display: block;
  }

  .img-mobile-red {
    height: 279px;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .section_hero {
    padding: 4rem 1.5rem;
  }

  .container.grid-top.padding-lateral {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .content-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .heading-1 {
    max-width: none;
  }

  .form-contain-wrapp {
    width: 100%;
  }

  .form-block {
    width: 100%;
    margin-bottom: 0;
  }

  .form {
    flex: 0 auto;
    width: 100%;
  }

  .text-field {
    width: 100%;
  }

  .submit-button.is-dektop {
    display: none;
  }

  .submit-button.is-mobile {
    display: block;
  }

  .padding-medium.is-diferente {
    padding-top: 1.006rem;
    padding-bottom: 1.006rem;
  }

  .grid-logos {
    display: none;
  }

  .grid-logos.is-marquee {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    display: flex;
  }

  .section_2 {
    padding: 4rem 1.5rem;
  }

  .card-white {
    width: 304px;
    min-width: 304px;
  }

  .red-container {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section_3 {
    padding: 4rem 1.5rem;
  }

  .card-ref {
    min-width: 304px;
  }

  .section_4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .tabs {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-content: start;
    place-items: start stretch;
    width: 100%;
  }

  .tabs-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .tab-link {
    align-self: stretch;
    width: 200px;
    padding-left: 1rem;
    font-size: 1rem;
  }

  .tab-link.w--current {
    flex: none;
    align-self: flex-start;
    width: 200px;
    padding-left: 1rem;
    font-size: 1rem;
  }

  .img_quem {
    height: 12rem;
  }

  .section_6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .video-1, .img_mobilidade {
    height: 224px;
  }

  .slider-2 {
    min-height: 30rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .img-mobile {
    object-fit: cover;
    width: 100%;
    height: 400px;
    overflow: visible;
  }
}

#w-node-c6fe8df2-ca13-d04e-004a-d860e5032faf-9059d0ef {
  place-self: center end;
}

#w-node-_921e3e1e-6e99-e427-6cd3-e3f5f2995540-9059d0ef, #w-node-_2592d4a7-e0da-015c-d829-56d314def56a-9059d0ef {
  align-self: center;
}

#w-node-e08d187c-b287-55cb-27f8-7bd1e844f621-9059d0ef, #w-node-bac32fa8-7022-7ced-18de-52e167479f04-9059d0ef, #w-node-_7cc92cb0-689b-0e77-4ae9-929234194089-9059d0ef {
  place-self: center;
}

#w-node-d0074106-cf65-01db-b545-674a3a37c7c8-9059d0ef {
  place-self: center end;
}

#w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b163-9059d0ef, #w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b164-9059d0ef {
  align-self: center;
}

#w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b165-9059d0ef, #w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b166-9059d0ef, #w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b167-9059d0ef {
  place-self: center;
}

#w-node-_75af5175-a7b1-1bf1-d8e2-27b99140b168-9059d0ef {
  place-self: center end;
}

#w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c716-9059d0ef, #w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c717-9059d0ef {
  align-self: center;
}

#w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c718-9059d0ef, #w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c719-9059d0ef, #w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c71a-9059d0ef {
  place-self: center;
}

#w-node-_1afa34c0-cbc8-d6b7-10c0-69c14767c71b-9059d0ef, #w-node-_933f8dd3-c21e-cbd4-6050-e5322cdd7259-9059d0ef {
  place-self: center end;
}

#w-node-d1505c80-b5e8-a1bb-064f-1fc0684992cc-9059d0ef {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d1505c80-b5e8-a1bb-064f-1fc0684992d6-9059d0ef {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c27a65ee-9004-6bca-7aac-946b27d61e47-9059d0ef {
  place-self: end;
}

#w-node-cbd2dd02-c3ad-b056-3403-e13381ff5360-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cbd2dd02-c3ad-b056-3403-e13381ff5361-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_8b5518bb-0846-7f83-bb99-5930a800ba63-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8b5518bb-0846-7f83-bb99-5930a800ba64-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-fcaf4d32-d269-d04e-4c77-13114e6ff414-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fcaf4d32-d269-d04e-4c77-13114e6ff415-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26aa-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26ab-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26b8-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26b9-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26c6-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_825a255e-19ae-3150-caba-b44cb1fa26c7-9059d0ef {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_93a3810e-735d-e50f-2d21-329aa2e456fe-9059d0ef, #w-node-_02cf6964-9653-6cd8-c5d7-7ed0c5f2bb21-9059d0ef {
  justify-self: stretch;
}

@media screen and (min-width: 1920px) {
  #w-node-c6fe8df2-ca13-d04e-004a-d860e5032faf-9059d0ef {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d64406ae-2782-6dd5-57bb-c6a44a262d03-9059d0ef {
    place-self: center;
  }

  #w-node-_62d3bbab-db09-a649-106d-eb1bd626be7f-9059d0ef {
    order: -9999;
  }

  #w-node-d1505c80-b5e8-a1bb-064f-1fc0684992cc-9059d0ef, #w-node-d1505c80-b5e8-a1bb-064f-1fc0684992d6-9059d0ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_93a3810e-735d-e50f-2d21-329aa2e456fe-9059d0ef, #w-node-_02cf6964-9653-6cd8-c5d7-7ed0c5f2bb21-9059d0ef {
    place-self: start center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d1505c80-b5e8-a1bb-064f-1fc0684992cc-9059d0ef {
    align-self: stretch;
  }
}
/* ===== [SEÇÃO 5 / STORIES SWIPER] ===== */

/* Reativa o Swiper nesta seção (há CSS antigo que pode esconder .swiper) */
.section_5 .stories-swiper {
  display: block !important;
  width: 100%;
  max-width: 96.375rem; /* mesmo container */
  margin-left: auto;
  margin-right: auto;
  overflow: visible !important;
}

.section_5 .stories-swiper .swiper-wrapper {
  display: flex !important;
  align-items: stretch;
}

.section_5 .stories-swiper .swiper-slide {
  flex: 0 0 auto !important;
}

/* Largura do slide no desktop, igual ao layout antigo */
@media (min-width: 1280px) {
  .section_5 .stories-swiper .swiper-slide { width: 829px !important; }
}
@media (max-width: 1279px) {
  .section_5 .stories-swiper .swiper-slide { width: auto !important; }
}

/* Card do vídeo: 16:9, preenchendo o slide */
.section_5 .card-swiper {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
  aspect-ratio: 16 / 9;
  min-height: 220px; /* garante altura mínima no mobile */
}

.section_5 .video-embed { position: absolute; inset: 0; }
.section_5 .video-embed iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}

/* Texto/logotipo SEM overlay: abaixo do vídeo */
.section_5 .text-block-card {
  margin-top: 12px;
  background: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.section_5 .img-logo-historias { max-height: 32px; width: auto; }

/* Botões < > únicos (os seus) */
.section_5 .stories-nav {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.section_5 .stories-btn {
  appearance: none; border: 0; background: #F5F5F7; border-radius: 12px;
  width: 44px; height: 44px; display: grid; place-items: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.06); cursor: pointer; user-select: none;
}
.section_5 .stories-btn:active { transform: translateY(1px); }
.section_5 .stories-btn span { font-size: 18px; line-height: 1; }

/* Esconde a navegação antiga e nativa do Swiper (evita duplicidade) */
.section_5 .arrows-group,
.section_5 .left-arrow,
.section_5 .right-arrow,
.section_5 .slide-nav-2,
.section_5 .swiper-button-next,
.section_5 .swiper-button-prev { display: none !important; }

/* Reforço de visibilidade no mobile (se algum CSS externo ocultar iframes) */
@media (max-width: 767.98px){
  .section_5 .stories-swiper,
  .section_5 .stories-swiper .swiper-wrapper,
  .section_5 .stories-swiper .swiper-slide,
  .section_5 .card-swiper,
  .section_5 .video-embed,
  .section_5 .video-embed iframe{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* === (1) Reexibir setas do slider Webflow na seção 5 === */
.section_5 .left-arrow,
.section_5 .right-arrow {
  display: flex !important;   /* volta a mostrar */
  align-items: center;
  justify-content: center;
  z-index: 5;
  background: transparent !important;  /* sem fundo */
  box-shadow: none !important;
  border: 0 !important;
  width: 48px; height: 48px;           /* mantém área clicável */
  inset: -16% auto auto auto;          /* respeita posição do seu CSS */
}

/* (opcional) quer setas também no mobile?
@media (max-width: 991px){
  .section_5 .left-arrow,
  .section_5 .right-arrow { display:flex !important; }
}
*/

/* === (2) Deixar o CARD “elástico” e aplicar 16:9 só no vídeo === */
.section_5 .card-swiper {
  /* desfaz o quadro rígido */
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border-radius: 0 !important; /* o arredondado fica no vídeo */
  display: flex;
  flex-direction: column;
}

/* o vídeo sim fica 16:9 e com cantos arredondados */
.section_5 .video-embed{
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #000 !important;
}
.section_5 .video-embed iframe{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* garante que o bloco de texto apareça abaixo, sem sombra extra */
.section_5 .text-block-card{
  margin-top: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* === [SEÇÃO 5] esconder setas nativas do Webflow === */
.section_5 .left-arrow,
.section_5 .right-arrow {
  display: none !important;
}

/* === [SEÇÃO 5] nav nova, centralizada, sem fundo === */
.section_5 .stories-nav {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.section_5 .stories-btn {
  appearance: none;
  border: 0;
  background: transparent;      /* sem fundo vermelho/cinza */
  width: 44px; height: 44px;
  display: grid; place-items: center;
  cursor: pointer; user-select: none;
}
.section_5 .stories-btn span {
  font-size: 28px; line-height: 1;  /* setinhas maiores e limpas */
}

/* === [SEÇÃO 5] card elástico: vídeo 16:9 + texto fora do "corte" === */
.section_5 .card-swiper{
  display: flex;
  flex-direction: column;
  overflow: visible !important;   /* garante que o texto abaixo não seja cortado */
  background: transparent !important;
}

/* vídeo 16:9 com cantos arredondados */
.section_5 .img_historias,          /* fallback se ainda houver alguma imagem */
.section_5 .video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 20px;
  overflow: hidden;
  background: #000;
}
.section_5 .video-embed iframe{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  display: block;
}

/* === [SEÇÃO 5] texto+logo distribuído na largura do vídeo === */
.section_5 .text-block-card{
  margin: 14px auto 0;             /* encosta no vídeo e centraliza */
  width: 100%;
  max-width: 51.8125rem;           /* mesma largura do .mask-2 (do Webflow) */
  display: grid;
  grid-template-columns: 140px 1fr;/* logo | textos */
  align-items: center;
  column-gap: 24px;
  row-gap: 8px;
  text-align: left;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.section_5 .img-logo-historias{ height: 48px; width: auto; }
.section_5 .div-block-3{ max-width: none !important; }

@media (max-width: 991px){
  .section_5 .text-block-card{
    max-width: none;               /* ocupa a tela no mobile */
    grid-template-columns: 1fr;    /* logo em cima, textos abaixo */
    text-align: center;
  }
  .section_5 .img-logo-historias{ justify-self: center; height: 40px; }
}

/* ===========================
   [PATCH WEBFLOW] SEÇÃO 5 — Histórias
   Cole ao final do arquivo Webflow CSS
=========================== */

/* Card do vídeo “elástico”: 16:9 só no vídeo, não no card inteiro */
.section_5 .card-swiper{
  display:flex !important;
  flex-direction:column !important;
  background:transparent !important;
  overflow:visible !important;
}
.section_5 .video-embed{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:#000 !important;
}
.section_5 .video-embed iframe{
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; display:block !important;
}

/* Bloco logo+texto: usar FLEX (acaba com a sobreposição) */
.section_5 .text-block-card{
  display:flex !important;
  align-items:flex-start !important;
  gap:24px !important;           /* espaço logo ↔ texto */
  padding-top:0 !important;      /* Webflow põe 40px */
  margin-top:22px !important;    /* respiro do vídeo */
  margin-bottom:8px !important;  /* aproxima dos botões */
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

/* Logo maior, mantendo proporção */
.section_5 .img-logo-historias,
.section_5 .logo-brand-img{
  width:280px !important;        /* ajuste fino do tamanho do logo */
  height:auto !important;        /* desfaz height: 7.5rem */
  max-width:100% !important;
  flex:0 0 280px !important;     /* “coluna” fixa para o logo */
  object-fit:contain !important;
}

/* Texto ocupa o restante, sem limite estreito */
.section_5 .div-block-3{
  flex:1 1 0% !important;
  min-width:0 !importan

/* ====== [SEÇÃO 5] Ajustes de MOBILE ====== */

/* Tablet e abaixo: empilha, centraliza, dá respiro */
@media (max-width: 991px){
  .section_5 .text-block-card{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    margin-top: 18px !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
  }

  /* reduz um pouco o logo */
  .section_5 .img-logo-historias,
  .section_5 .logo-brand-img{
    width: 220px !important;
    height: auto !important;
    max-width: 80% !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .section_5 .div-block-3{
    max-width: none !important;
    width: 100% !important;
  }

  /* aproxima os botões */
  .section_5 .stories-nav{ margin-top: 8px !important; }
}

/* Celular (<= 767px): logo um pouco menor pra não quebrar */
@media (max-width: 767px){
  .section_5 .img-logo-historias,
  .section_5 .logo-brand-img{
    width: 180px !important;    /* ajuste fino pro phone */
    max-width: 75% !important;
  }
}