:root {
  --swiper-navigation-size: 24px !important;
}

.home__banner__text h1, .home__sobre__text h2, .home__por-que__text h2, .orcamento__header__text h1, .orcamento .title-sec h2, .pisos__banner__text header h1, .contato__header__text h1, .fazemos__banner__text h1 {
  font: 500 56px/4rem "Red Hat Display", sans-serif;
  letter-spacing: -0.9px;
}

.title-sec h2, .destaque-blue__box h2, .home__quando-evento__box h2, .aplicacoes__banner__text h1, .pisos__infos__box__text h2, .pisos__easy__box h2, .sobre-nos__box article aside h2 {
  letter-spacing: -0.8px;
  font: 500 42px/3rem "Red Hat Display", sans-serif;
}

.como-funciona__cards article aside h3, .como-funciona__evento-acontece h2, .destaque-big article h2, .aplicacoes__destaque h2, .pisos__ficha-tecnica__box__downloads aside h2, .fazemos__box-info__text h2, .fazemos__text .container h2 {
  font: 500 32px/2.25rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.home__o-que-fazemos__cards__card h3, .pisos__destaque-produto__box__cards article aside h4, .pisos__motivos__itens aside h4 {
  font: 500 28px/2.125rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.como-funciona__cards article aside h4, .home__pisos__cards__card__title, .aplicacoes__vantagens__itens__item h4, .pisos__acessorios__box__card section h4, .fazemos__box-info__cards aside section h4 {
  font: 500 24px/2rem "Red Hat Display", sans-serif;
  letter-spacing: 0.4px;
}

.title-sec h5, .home__banner__text h4, .pisos__infos__box__text h5, .fazemos__box-info__text h4, .fazemos__text .container aside p, .sobre-nos__box article aside h5 {
  font: 500 18px/1.25rem "Red Hat Display", sans-serif;
  letter-spacing: 0.5px;
}

.card-link h3 {
  font: 500 22px/1.75rem "Red Hat Display", sans-serif;
  letter-spacing: -0.5px;
}

.navbar__menu__container__header__links li a, .footer__header__logo h4, .footer__header__links aside h3, .aplicacoes__banner__text h5, .pisos__aplicacoes__box__cards aside span, .fazemos__banner__text h5 {
  font: 500 18px/1.5rem "Red Hat Display", sans-serif;
  letter-spacing: -0.4px;
}

form label, .navbar__links a, .home__pisos__cards__card__info span, .pisos__banner__text footer aside h5 {
  font: 500 16px/1.5rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.aplicacoes__pisos__card__link, .fazemos__pisos__card__link {
  font: 500 14px/1.25rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.aplicacoes__banner__text p, .fazemos__banner__text p {
  font: 400 22px/2rem "Red Hat Display", sans-serif;
  letter-spacing: -0.4px;
}

.title-sec p, .footer__header__links aside a, .home__banner__text p, .home__sobre__text p, .aplicacoes__sobre__text p, .pisos__banner__text header p, .pisos__infos__box__text p {
  font: 400 18px/1.75rem "Red Hat Display", sans-serif;
  letter-spacing: -0.3px;
}

.pisos__ficha-tecnica__box__downloads aside p {
  font: 400 16px/1.25rem "Red Hat Display", sans-serif;
  letter-spacing: -0.4px;
}

.como-funciona__cards article aside p, .footer__header__logo section aside h5, .home__por-que__text p, .aplicacoes__pisos__card__description, .pisos__destaque-produto__box__cards article aside p, .pisos__acessorios__box__card section p, .pisos__motivos__itens aside p, .fazemos__box-info__cards aside section p, .fazemos__pisos__card__description {
  font: 400 16px/1.625rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.footer__header__logo section aside span, .footer__bottom h6 {
  font: 400 14px/1.25rem "Red Hat Display", sans-serif;
  letter-spacing: 0.2px;
}

.btn {
  font: 500 16px/1rem "Red Hat Display", sans-serif;
}

.blog__pagination__prev, .blog__pagination__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

* {
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Red Hat Display", sans-serif;
  color: #272727;
}

*::-webkit-scrollbar {
  width: 6px;
}

@media screen and (max-width: 460px) {
  *::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }
}

*::-webkit-scrollbar-track {
  background: rgba(0, 114, 220, 0.6);
}

*::-webkit-scrollbar-thumb {
  background-color: #0072dc;
}

html {
  overflow-x: hidden;
}

html,
body {
  scroll-behavior: smooth;
  background: #f5f5f7;
}

html.o-hidden,
body.o-hidden {
  overflow: hidden;
}

main {
  padding: 59px 0 0 0;
}

@media screen and (max-width: 1440px) {
  main {
    padding: 54px 0 0 0;
  }
}

@media screen and (max-width: 460px) {
  main {
    padding: 46px 0 0 0;
    overflow-x: hidden;
  }
}

button {
  cursor: pointer;
}

img {
  max-width: 100%;
  display: block;
}

::-moz-selection {
  background: #0072dc;
  color: #ffffff;
}

::selection {
  background: #0072dc;
  color: #ffffff;
}

.container {
  max-width: calc(1640px + 24px);
  width: 100%;
  padding: 0 64px;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .container {
    max-width: calc(1720px + 64px);
  }
}

@media screen and (max-width: 1400px) {
  .container {
    max-width: calc(1260px + 24px);
    padding: 0 24px;
  }
}

@media screen and (max-width: 960px) {
  .container {
    padding: 0 16px;
  }
}

.btn {
  padding: 16px 33px;
  border-radius: 8px;
  color: #272727;
  background: #989898;
  display: inline-block;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  text-align: center;
}

.btn:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.btn--blue {
  background: #0072dc;
  color: #ffffff;
}

.btn--blue:hover {
  background: #0c6ac1;
}

.btn--blue-dark {
  background: #1d609d;
  color: #ffffff;
}

.btn--blue-dark:hover {
  background: #1d609d;
}

.btn--orange {
  background: #ff912c;
  color: #ffffff;
}

.btn--orange:hover {
  background: #ff912c;
}

.btn--green {
  background: #68c659;
  color: #ffffff;
}

.btn--green:hover {
  background: #68c659;
}

.btn--white {
  background: #ffffff;
}

.btn--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.btn--outline {
  border: 1px solid #989898;
  background: unset;
}

.title-sec h5 {
  color: #0072dc;
  margin: 0 0 24px 0;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .title-sec h5 {
    text-align: left;
  }
}

.title-sec h2 {
  margin: 0 0 20px 0;
}

@media screen and (max-width: 960px) {
  .title-sec h2 {
    margin: 0 0 10px 0;
    text-align: left;
    font: 500 28px/34px "Red Hat Display", sans-serif;
    letter-spacing: 0.16px;
  }
}

.title-sec p {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .title-sec p {
    font: 400 16px/26px "Red Hat Display", sans-serif;
    margin: 0;
  }
}

.title-sec--center * {
  text-align: center;
}

@media screen and (max-width: 960px) {
  .title-sec--center * {
    text-align: left;
  }
}

.title-sec--left p {
  text-align: left;
  margin: 0;
}

.title-sec--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 460px) {
  .title-sec--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.title-sec--flex h2 {
  margin: 0 75px 0 0;
}

@media screen and (max-width: 460px) {
  .title-sec--flex h2 {
    margin: 0 0 12px 0;
  }
}

.title-sec--flex p {
  margin: 0;
}

.controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.controls__prev, .controls__next {
  background: #0072dc;
  border-radius: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.controls__prev.swiper-button-disabled, .controls__next.swiper-button-disabled {
  background: #d2d2d2;
}

.controls__prev {
  margin: 0 16px 0 0;
}

.controls__prev img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card-link {
  height: 260px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
}

.card-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 105px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 25, 43, 0)));
  background-image: linear-gradient(to top, #000000, rgba(0, 25, 43, 0));
  opacity: .5;
  z-index: 1;
  border-radius: 0 0 10px 10px;
}

.card-link:hover h3::after {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}

.card-link h3 {
  color: #ffffff;
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 150px;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .card-link h3 {
    font: 500 18px/24px "Red Hat Display", sans-serif;
    width: 128px;
  }
}

@media screen and (max-width: 460px) {
  .card-link h3 {
    font: 500 15px/21px "Red Hat Display", sans-serif;
    left: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
  }
}

.card-link h3::after {
  content: url("../assets/icons/arrow_diagonal_white.svg");
  margin: 0 0 0 12px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .card-link h3::after {
    content: "";
    position: absolute;
    bottom: 8px;
    right: 0;
    margin: 0;
    width: 10px;
    height: 10px;
    background: url("../assets/icons/arrow_diagonal_white.svg") center/cover no-repeat;
  }
}

.card-link img {
  width: auto;
  max-width: unset;
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .card-link img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1700px) {
  .card-link img {
    height: 100%;
    width: auto;
  }
}

@media screen and (max-width: 960px) {
  .card-link img {
    width: auto;
    height: 100%;
  }
}

@media screen and (min-width: 2000px) {
  .card-link img {
    width: 100%;
    height: auto;
  }
}

.destaque-blue {
  padding: 0 0 128px 0;
}

@media screen and (max-width: 960px) {
  .destaque-blue {
    padding: 0 0 40px 0;
  }
}

.destaque-blue__box {
  background: linear-gradient(122.16deg, #38A0FF 0%, rgba(12, 106, 193, 0) 100%), #0C6AC1;
  min-height: 320px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 460px) {
  .destaque-blue__box {
    min-height: 270px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 16px 16px 16px;
  }
}

.destaque-blue__box::before {
  content: "";
  background: url("../assets/pages/home/points_evento.svg") center/cover no-repeat;
  z-index: 1;
  position: absolute;
  top: 50%;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 960px) {
  .destaque-blue__box::before {
    content: url("../assets/pages/home/points-mob-eventos.svg");
    background: unset;
    top: 64px;
    width: auto;
    height: auto;
  }
}

.destaque-blue__box h2 {
  position: relative;
  z-index: 5;
  color: #ffffff;
  text-align: center;
  margin: 0 0 48px 0;
}

@media screen and (max-width: 1440px) {
  .destaque-blue__box h2 {
    font: 500 32px/1.3 "Red Hat Display", sans-serif;
    margin: 0 0 40px 0;
    padding: 0 40px;
  }
}

.destaque-blue__box h2.mob {
  display: none;
}

@media screen and (max-width: 460px) {
  .destaque-blue__box h2.mob {
    display: block;
  }
}

@media screen and (max-width: 460px) {
  .destaque-blue__box h2.desk {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  .destaque-blue__box h2 {
    font: 500 26px/32px "Red Hat Display", sans-serif;
    margin: 0 0 40px 0;
  }
}

.destaque-blue__box .btn {
  position: relative;
  z-index: 5;
  padding: 18px 58px;
}

@media screen and (max-width: 460px) {
  .destaque-blue__box .btn {
    padding: 18px;
    width: 100%;
  }
}

form label {
  color: #272727;
  display: block;
  margin: 0 0 6px 0;
}

@media screen and (max-width: 460px) {
  form label {
    margin: 0 0 5px 0;
    font-size: 15px;
  }
}

form input,
form textarea {
  height: 43px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #D2D2D2;
  background: #F5F5F7;
  font: 400 14px/1 "Red Hat Display", sans-serif;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #989898;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  opacity: 1;
  color: #989898;
}

form input::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
  opacity: 1;
  color: #989898;
}

form input::placeholder,
form textarea::placeholder {
  opacity: 1;
  color: #989898;
}

/* form input:valid,
form textarea:valid {
  border-color: #68c659;
  background: unset;
} */

form input:focus,
form textarea:focus {
  border-color: #0072dc;
}

form textarea {
  padding-top: 14px;
  min-height: 128px;
}

form fieldset {
  margin: 0 0 18px 0;
  width: 100%;
}

form .flex {
  width: 100%;
  margin: 0 0 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
}

@media screen and (max-width: 460px) {
  form .flex {
    gap: 0;
  }
}

@media screen and (max-width: 460px) {
  form .flex.wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}

form .flex.wrap fieldset {
  margin: 0 0 18px 0;
}

form .flex fieldset {
  margin: 0;
}

@media screen and (max-width: 460px) {
  form .flex fieldset:nth-of-type(1) {
    margin: 0 12px 0 0;
  }
}

form button[type="submit"] {
  min-width: 210px;
}

.destaque-contato {
  background: #4fb9f6;
  margin: 80px 0;
  border-radius: 8px;
  border-radius: 16px;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .destaque-contato {
    height: auto;
    padding: 40px 16px;
  }
}

@media screen and (max-width: 460px) {
  .destaque-contato {
    padding-bottom: 32px;
  }
}

.destaque-contato h2 {
  color: #ffffff;
  font: 500 40px/1 "Red Hat Display", sans-serif;
  margin: 0 0 44px 0;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .destaque-contato h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 460px) {
  .destaque-contato h2 {
    text-align: left;
    font: 500 26px/30px "Red Hat Display", sans-serif;
    margin: 0 0 28px 0;
  }
}

.destaque-contato section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .destaque-contato section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.destaque-contato section a {
  background: rgba(0, 114, 220, 0.4);
  min-width: 255px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  padding: 18px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .destaque-contato section a {
    padding: 16px 18px;
  }
}

@media screen and (max-width: 460px) {
  .destaque-contato section a {
    min-width: unset;
    width: 100%;
  }
}

.destaque-contato section a:hover {
  background: rgba(0, 114, 220, 0.6);
}

.destaque-contato section a:nth-of-type(2) {
  margin: 0 36px;
}

@media screen and (max-width: 960px) {
  .destaque-contato section a:nth-of-type(2) {
    margin: 20px 0;
  }
}

.destaque-contato section a span {
  color: #ffffff;
  font: 500 16px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .destaque-contato section a span {
    font-weight: 400;
  }
}

.destaque-contato section a img {
  margin: 0 12px 0 0;
}

.brif {
  background: rgba(0, 133, 255, 0.16);
  border-radius: 4px;
  padding: 0 6px;
  line-height: 46px;
  display: inline-block;
}

@media screen and (max-width: 1440px) {
  .brif {
    line-height: 46px;
  }
}

@media screen and (max-width: 960px) {
  .brif {
    line-height: 1.13;
  }
}

.wrap {
  display: block;
}

.btn-download {
  background: #4fb9f6;
  border-radius: 8px;
  padding: 20px 64px 20px 16px;
  text-align: center;
  color: #ffffff;
  position: relative;
  min-width: 256px;
  display: inline-block;
  font: 500 16px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .btn-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: unset;
    text-align: left;
    width: 100%;
    padding: 10px 40px 10px 12px;
  }
}

@media screen and (max-width: 460px) {
  .btn-download {
    font: 500 14px/16px "Red Hat Display", sans-serif;
  }
}

.btn-download::before {
  content: url("../assets/pages/pisos/download.svg");
  background: rgba(0, 114, 220, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0 0 0;
  border-radius: 0 10px 10px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  height: calc(100% - 4px);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.64);
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  z-index: 9999999;
}

.modal.open {
  opacity: 1;
  visibility: visible;
}

.modal .container {
  position: relative;
  max-width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 460px) {
  .modal .container {
    padding: 0 48px;
    max-width: 100%;
  }
}

.modal__fotos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal__fotos img {
  width: 100%;
  display: none;
}

.modal__fotos img.active {
  display: block;
}

.modal [data-modal="close"] {
  position: absolute;
  top: 48px;
  right: 48px;
  width: 24px;
}

@media screen and (max-width: 960px) {
  .modal [data-modal="close"] {
    top: 24px;
    right: 24px;
  }
}

.modal [data-modal="close"] img {
  width: 100%;
}

.modal [data-modal="prev"],
.modal [data-modal="next"] {
  position: absolute;
  top: 50%;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  width: 48px;
  height: 48px;
  padding: 12px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .modal [data-modal="prev"],
  .modal [data-modal="next"] {
    background: rgba(255, 255, 255, 0.32);
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

.modal [data-modal="prev"]:hover,
.modal [data-modal="next"]:hover {
  background: rgba(255, 255, 255, 0.24);
}

.modal [data-modal="prev"] img,
.modal [data-modal="next"] img {
  height: 100%;
  width: 100%;
}

.modal [data-modal="prev"] {
  left: -40px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 960px) {
  .modal [data-modal="prev"] {
    left: 0;
  }
}

.modal [data-modal="next"] {
  right: -40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 960px) {
  .modal [data-modal="next"] {
    right: 0;
  }
}

[data-modal="button"], [data-modal="button2"], [data-modal="button3"], [data-modal="button4"] {
  cursor: pointer;
}

.como-funciona__cards {
  margin: 68px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 460px) {
  .como-funciona__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0 0;
  }
}

.como-funciona__cards article {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.como-funciona__cards article:nth-of-type(2) {
  margin: 0 20px;
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article:nth-of-type(2) {
    margin: 24px 0;
  }
}

.como-funciona__cards article figure {
  border-radius: 8px;
  position: relative;
  height: 250px;
  margin: 0 0 28px 0;
}

@media screen and (max-width: 1440px) {
  .como-funciona__cards article figure {
    height: 180px;
  }
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article figure {
    margin: 0 12px 0 0;
    min-width: 105px;
    height: 130px;
  }
}

.como-funciona__cards article figure.orange {
  background: #ffb673;
}

.como-funciona__cards article figure.green {
  background: #81da72;
}

.como-funciona__cards article figure.light-blue {
  background: #99d9ff;
}

.como-funciona__cards article figure.neon {
  background: #70ebbf;
}

.como-funciona__cards article figure.blue {
  background: rgba(0, 114, 220, 0.6);
}

.como-funciona__cards article figure.purple {
  background: #9488e0;
}

.como-funciona__cards article figure img {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.como-funciona__cards article aside {
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .como-funciona__cards article aside h3 {
    font-size: 26px;
  }
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article aside h3 {
    font: 500 17px/1 "Red Hat Display", sans-serif;
  }
}

.como-funciona__cards article aside h4 {
  margin: 8px 0 14px 0;
}

@media screen and (max-width: 1440px) {
  .como-funciona__cards article aside h4 {
    font-size: 24px;
  }
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article aside h4 {
    font: 500 14px/20px "Red Hat Display", sans-serif;
    margin: 2px 0;
  }
}

@media screen and (max-width: 460px) {
  .como-funciona__cards article aside p {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.como-funciona__evento-acontece {
  margin: 56px 0 0 0;
  background: url("../assets/pages/orcamento/bg-evento.png") center/cover no-repeat;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
}

@media screen and (max-width: 460px) {
  .como-funciona__evento-acontece {
    margin: 24px 0 0 0;
    height: 160px;
  }
}

.como-funciona__evento-acontece h2 {
  color: #ffffff;
}

@media screen and (max-width: 460px) {
  .como-funciona__evento-acontece h2 {
    font: 500 24px/32px "Red Hat Display", sans-serif;
  }
}

.destaque-big {
  margin: 0 0 128px 0;
}

@media screen and (max-width: 1440px) {
  .destaque-big {
    margin: 0 0 24px 0;
  }
}

.destaque-big article {
  background: linear-gradient(122.16deg, #38A0FF 0%, rgba(12, 106, 193, 0) 100%), #0C6AC1;
  border-radius: 10px;
  padding: 46px 16px;
  position: relative;
  min-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1440px) {
  .destaque-big article {
    min-height: 200px;
  }
}

@media screen and (max-width: 960px) {
  .destaque-big article {
    min-height: 144px;
  }
}

.destaque-big article::before {
  content: url("../assets/pages/aplicacoes/big-quote.svg");
  position: absolute;
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.destaque-big article h2 {
  position: relative;
  text-align: center;
  z-index: 5;
  color: #ffffff;
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .destaque-big article h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 460px) {
  .destaque-big article h2 {
    font: 500 21px/24px "Red Hat Display", sans-serif;
  }
}

.share {
  position: absolute;
  top: 16px;
  right: 16px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1500px) {
  .share {
    -webkit-transform: translateX(46%);
            transform: translateX(46%);
  }
}

@media screen and (max-width: 960px) {
  .share {
    -webkit-transform: unset;
            transform: unset;
    right: unset;
    top: unset;
    position: relative;
    margin: 0 0 16px 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.share h6 {
  color: #5E5E5E;
  font: 500 17px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .share h6 {
    font-size: 15px;
  }
}

.share a {
  display: block;
  margin: 0 0 0 8px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.share a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: .8;
}

.navbar {
  background: #f5f5f7;
  padding: 8px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  border-bottom: 1px solid #e4e4e4;
}

.navbar--white {
  padding: 10px 0;
  border-bottom: 1px solid #d2d2d2;
}

@media screen and (max-width: 460px) {
  .navbar {
    padding: 12px 0;
  }
}

.navbar .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 460px) {
  .navbar .container {
    position: relative;
    z-index: 9999;
  }
}

.navbar__logo {
  width: 144px;
}

@media screen and (max-width: 1440px) {
  .navbar__logo {
    width: 134px;
  }
}

@media screen and (max-width: 460px) {
  .navbar__logo {
    width: 120px;
  }
}

.navbar__logo img {
  width: 100%;
}

.navbar__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 460px) {
  .navbar__links {
    display: none;
  }
}

.navbar__links a {
  display: block;
  margin: 0 48px;
  color: #272727;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  position: relative;
}

.navbar__links a.active.arena:hover {
  color: #68c659;
}

.navbar__links a.active.arena::before {
  background: #68c659;
}

.navbar__links a.active.mega:hover {
  color: #1d609d;
}

.navbar__links a.active.mega::before {
  background: #1d609d;
}

.navbar__links a.active.ultra:hover {
  color: #ff912c;
}

.navbar__links a.active.ultra::before {
  background: #ff912c;
}

.navbar__links a.active::before {
  content: "";
  background: #0072dc;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
}

@media screen and (max-width: 960px) {
  .navbar__links a {
    margin: 0 24px;
  }
}

.navbar__links a:hover {
  color: #0072dc;
}

.navbar__dir {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar__dir .btn {
  padding-top: 13px;
  padding-bottom: 13px;
  margin: 0 46px 0 0;
  font-size: 15px;
}

@media screen and (max-width: 1440px) {
  .navbar__dir .btn {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

@media screen and (max-width: 960px) {
  .navbar__dir .btn {
    margin: 0 24px 0 0;
  }
}

@media screen and (max-width: 460px) {
  .navbar__dir .btn {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  .navbar__dir__menu-btn.open .navbar__dir__menu-btn__bar:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
  }
  .navbar__dir__menu-btn.open .navbar__dir__menu-btn__bar:nth-child(2) {
    width: 0;
  }
  .navbar__dir__menu-btn.open .navbar__dir__menu-btn__bar:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
  }
}

.navbar__dir__menu-btn__bar {
  display: block;
  background: #0072dc;
  width: 20px;
  height: 2px;
  margin: 4px 0;
  border-radius: 4px;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}

.navbar__menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.32);
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
}

@media screen and (max-width: 460px) {
  .navbar__menu {
    margin: 47px 0 0 0;
    background: unset;
  }
}

.navbar__menu.open {
  opacity: 1;
  visibility: visible;
}

.navbar__menu.open .navbar__menu__container {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.navbar__menu__container {
  height: 100%;
  max-width: 400px;
  width: 100%;
  background: #ffffff;
  position: relative;
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  overflow-x: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 400ms ease-out;
  transition: 400ms ease-out;
}

@media screen and (max-width: 460px) {
  .navbar__menu__container {
    padding: 24px 24px 48px 24px;
    background: #f5f5f7;
    max-width: 100%;
  }
}

.navbar__menu__container__header__close {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 44px auto;
  height: 16px;
  width: 40px;
}

@media screen and (max-width: 460px) {
  .navbar__menu__container__header__close {
    display: none;
  }
}

.navbar__menu__container__header__close::before, .navbar__menu__container__header__close::after {
  content: "";
  display: block;
  background: #0072dc;
  height: 2px;
  width: 20px;
}

.navbar__menu__container__header__close::before {
  -webkit-transform: translateX(20px) rotate(45deg);
          transform: translateX(20px) rotate(45deg);
}

.navbar__menu__container__header__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navbar__menu__container__header__links li {
  border-bottom: 1px solid #d2d2d2;
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
}

.navbar__menu__container__header__links li header.open a {
  color: #0072dc;
}

.navbar__menu__container__header__links li header.open a::before, .navbar__menu__container__header__links li header.open a::after {
  background: #0072dc;
}

.navbar__menu__container__header__links li header.open a::before {
  -webkit-transform: translateY(-50%) rotate(46deg);
          transform: translateY(-50%) rotate(46deg);
}

.navbar__menu__container__header__links li header.open a::after {
  -webkit-transform: translateY(-50%) rotate(-46deg);
          transform: translateY(-50%) rotate(-46deg);
}

@media screen and (min-width: 960px) {
  .navbar__menu__container__header__links li header a:hover::before, .navbar__menu__container__header__links li header a:hover::after {
    background: #0072dc;
  }
}

.navbar__menu__container__header__links li header a::before, .navbar__menu__container__header__links li header a::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transition: 400ms ease;
  transition: 400ms ease;
  display: block;
  background: #272727;
  width: 8px;
  height: 2px;
}

.navbar__menu__container__header__links li header a::before {
  right: 2px;
  -webkit-transform: translateY(-50%) rotate(-46deg);
          transform: translateY(-50%) rotate(-46deg);
}

.navbar__menu__container__header__links li header a::after {
  right: 7px;
  -webkit-transform: translateY(-50%) rotate(46deg);
          transform: translateY(-50%) rotate(46deg);
}

.navbar__menu__container__header__links li a {
  display: block;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  position: relative;
}

@media screen and (max-width: 460px) {
  .navbar__menu__container__header__links li a {
    font: 500 14px/1 "Red Hat Display", sans-serif;
    letter-spacing: 0.16px;
  }
}

@media screen and (min-width: 960px) {
  .navbar__menu__container__header__links li a:hover {
    color: #0072dc;
  }
}

.navbar__menu__container__header__links li section {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 800ms ease;
  transition: 800ms ease;
}

.navbar__menu__container__header__links li section.open {
  overflow: initial;
  max-height: 32rem;
}

.navbar__menu__container__header__links li section a {
  margin: 0 0 0 36px;
}

.navbar__menu__container__header__links li section a:first-of-type {
  margin-top: 24px;
}

.navbar__menu__container__header__links li section a:not(:last-of-type) {
  margin-bottom: 18px;
}

.navbar__menu__container__footer {
  margin: 48px 0 0 0;
}

@media screen and (max-width: 460px) {
  .navbar__menu__container__footer {
    margin-bottom: 32px;
  }
}

.navbar__menu__container__footer section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 28px 0;
}

.navbar__menu__container__footer section a {
  position: relative;
  margin: 0 13px;
  display: block;
}

.navbar__menu__container__footer section a::before {
  opacity: 0;
  visibility: hidden;
}

.navbar__menu__container__footer section a.active::before {
  content: "";
  opacity: 1;
  visibility: visible;
  width: 114%;
  height: 115%;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  position: absolute;
  top: 50%;
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 2px;
  border: 2px solid #83d1ff;
}

.footer {
  background: #eeeef0;
}

.footer__header {
  padding: 88px 0 68px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .footer__header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 0;
  }
}

.footer__header__logo {
  max-width: 220px;
  width: 100%;
  position: relative;
}

.footer__header__logo section {
  display: none;
}

.footer__header__logo section:first-of-type {
  margin-top: 32px;
}

.footer__header__logo section:not(:last-of-type) {
  margin-bottom: 18px;
}

@media screen and (max-width: 960px) {
  .footer__header__logo section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer__header__logo section img {
  width: 24px;
  margin: 0 10px 0 0;
}

.footer__header__logo section aside {
  width: calc(100% - 24px - 10px);
}

.footer__header__logo section aside h5 {
  margin: 0 0 2px 0;
}

.footer__header__logo section aside a {
  color: #5e5e5e;
  font: 400 16px/1 "Red Hat Display", sans-serif;
  text-decoration: underline;
}

.footer__header__logo section aside span {
  white-space: nowrap;
  display: block;
  color: #989898;
}

@media screen and (max-width: 960px) {
  .footer__header__logo {
    max-width: 180px;
  }
}

.footer__header__logo h4 {
  margin: 24px 0;
}

@media screen and (max-width: 1440px) {
  .footer__header__logo h4 {
    font: 500 17px/1.5 "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 960px) {
  .footer__header__logo h4 {
    display: none;
  }
}

.footer__header__logo div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 960px) {
  .footer__header__logo div {
    display: none;
  }
}

.footer__header__logo div a {
  display: block;
  margin: 0 16px 0 0;
  width: 36px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.footer__header__logo div a img {
  width: 100%;
}

.footer__header__logo div a:hover {
  opacity: .8;
}

.footer__header__points {
  margin: 8px 0 0 40px;
}

@media screen and (max-width: 960px) {
  .footer__header__points {
    margin: 6px 0 0 0;
    width: 100px;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .footer__header__points img {
    width: 100%;
  }
}

.footer__header__divisor {
  display: none;
}

@media screen and (max-width: 960px) {
  .footer__header__divisor {
    display: block;
    margin: 40px 0;
    width: 100%;
  }
  .footer__header__divisor img {
    width: 100%;
  }
}

.footer__header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .footer__header__links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }
}

.footer__header__links aside {
  width: 100%;
  max-width: 200px;
  margin: 0 0 0 40px;
}

@media screen and (max-width: 460px) {
  .footer__header__links aside.contato {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .footer__header__links aside {
    width: 44%;
    margin: 0;
  }
  .footer__header__links aside:not(:last-of-type) {
    margin: 0 0 32px 0;
  }
}

.footer__header__links aside h3 {
  margin: 0 0 18px 0;
}

@media screen and (max-width: 960px) {
  .footer__header__links aside h3 {
    margin: 0 0 12px 0;
    font: 500 16px/1 "Red Hat Display", sans-serif;
  }
}

.footer__header__links aside a {
  display: block;
  color: #5e5e5e;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.footer__header__links aside a:not(:last-of-type) {
  margin: 0 0 10px 0;
}

.footer__header__links aside a:hover {
  color: #0072dc;
}

@media screen and (max-width: 1440px) {
  .footer__header__links aside a {
    font: 400 15px/20px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 960px) {
  .footer__header__links aside a {
    font: 400 16px/20px "Red Hat Display", sans-serif;
  }
}

.footer__header__links aside.conecte {
  display: none;
}

@media screen and (max-width: 960px) {
  .footer__header__links aside.conecte {
    margin: 16px 0 0 0;
    width: 100%;
    display: block;
  }
  .footer__header__links aside.conecte div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__header__links aside.conecte div a {
    margin: 0 20px 0 0;
    display: block;
    width: 40px;
  }
  .footer__header__links aside.conecte div a img {
    width: 100%;
  }
}

.footer__divisor {
  width: 100%;
}

.footer__divisor img {
  width: 100%;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0;
  position: relative;
}

@media screen and (max-width: 960px) {
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer__bottom h6 {
  color: #5e5e5e;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .footer__bottom h6:first-of-type {
    margin: 0 0 24px 0;
  }
}

.home__banner {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#38a0ff), to(rgba(12, 106, 193, 0))), -webkit-gradient(linear, left top, left bottom, from(#0c6ac1), to(#0c6ac1));
  background-image: linear-gradient(to top, #38a0ff, rgba(12, 106, 193, 0)), linear-gradient(to bottom, #0c6ac1, #0c6ac1);
  height: 810px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1380px) {
  .home__banner {
    height: 600px;
  }
}

.home__banner::before {
  content: url("../assets/pages/home/patterns-banner-home.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 1380px) {
  .home__banner::before {
    content: "";
    background: url("../assets/pages/home/patterns-banner-home.svg") center/cover no-repeat;
    max-width: 1100px;
    width: 100%;
    height: 540px;
  }
}

@media screen and (max-width: 960px) {
  .home__banner::before {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .home__banner {
    background: #0072DC url("../assets/pages/home/lines-bg.svg") center/cover no-repeat;
    border-radius: 0 0 12px 12px;
    padding: 44px 0 64px 0;
    height: auto;
  }
}

@media screen and (max-width: 460px) {
  .home__banner {
    padding: 44px 0 20px 0;
  }
}

.home__banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1500px) {
  .home__banner .container {
    padding-left: 96px;
    padding-right: 96px;
  }
}

@media screen and (max-width: 960px) {
  .home__banner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-left: 0px;
    padding-right: 0px;
  }
  .home__banner .container::before {
    display: none;
  }
}

.home__banner__text {
  margin: 0 16px 0 0;
  max-width: 485px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .home__banner__text {
    margin: 6px 0 0 0;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.home__banner__text h4 {
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 16px 0;
}

@media screen and (max-width: 960px) {
  .home__banner__text h4 {
    display: none;
  }
}

.home__banner__text h1 {
  color: #ffffff;
}

@media screen and (max-width: 1440px) {
  .home__banner__text h1 {
    font: 500 38px/1 "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__text h1 {
    font: 500 32px/1.13 "Red Hat Display", sans-serif;
  }
}

.home__banner__text h1 span {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  border-radius: 4px;
  padding: 0 6px;
  line-height: 58px;
  display: inline-block;
}

@media screen and (max-width: 1440px) {
  .home__banner__text h1 span {
    line-height: 46px;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__text h1 span {
    line-height: 1.13;
  }
}

.home__banner__text h1 span.wrap {
  margin: 10px 0 0 0;
}

@media screen and (min-width: 960px) {
  .home__banner__text h1 span.wrap {
    white-space: nowrap;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__text h1 span.wrap {
    display: block;
    width: 276px;
  }
}

@media screen and (max-width: 460px) {
  .home__banner__text h1 span.wrap {
    width: auto;
    display: inline-block;
  }
}

.home__banner__text p {
  margin: 20px 0 44px 0;
  color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 1440px) {
  .home__banner__text p {
    font: normal 16px/1.5 "Red Hat Display", sans-serif;
    margin: 20px 0 38px 0;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__text p {
    font: normal 16px/1.63 "Red Hat Display", sans-serif;
    margin: 16px 0 26px 0;
    color: #c7eaff;
  }
}

.home__banner__text .btn {
  padding: 19px 56px;
}

@media screen and (max-width: 1440px) {
  .home__banner__text .btn {
    padding: 16px 48px;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__text .btn {
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    display: block;
  }
}

.home__banner__image {
  min-width: 940px;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .home__banner__image {
    min-width: 860px;
  }
}

@media screen and (max-width: 1320px) {
  .home__banner__image {
    min-width: 680px;
  }
}

@media screen and (max-width: 960px) {
  .home__banner__image {
    min-width: unset;
    max-width: 100%;
  }
}

.home__banner__image img {
  width: 100%;
}

.home__sobre {
  padding: 84px 0;
  background: #eeeef0;
}

@media screen and (max-width: 460px) {
  .home__sobre {
    background: #f5f5f7;
    padding: 44px 0 56px 0;
  }
  .home__sobre::after {
    content: "";
    display: block;
    margin: 56px auto 0 auto;
    background: url("../assets/pages/home/points-mob-sobre.svg") center/cover no-repeat;
    width: calc(100% - 24px);
    height: 30px;
  }
}

.home__sobre .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .home__sobre .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.home__sobre__text {
  min-width: 330px;
  max-width: 330px;
  width: 100%;
  margin: 0 188px 0 0;
}

@media screen and (max-width: 960px) {
  .home__sobre__text {
    min-width: unset;
    margin: 0 0 40px 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .home__sobre__text {
    margin: 0;
  }
}

.home__sobre__text h2 {
  font-size: 48px;
  line-height: 1.1;
}

@media screen and (max-width: 1440px) {
  .home__sobre__text h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 460px) {
  .home__sobre__text h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
  }
}

.home__sobre__text p {
  margin: 16px 0 28px 0;
}

@media screen and (max-width: 460px) {
  .home__sobre__text p {
    font: 400 16px/20px "Red Hat Display", sans-serif;
    margin: 10px 0 24px 0;
  }
}

@media screen and (max-width: 460px) {
  .home__sobre__text .btn {
    width: 100%;
    display: block;
    margin: 0 0 48px 0;
  }
}

.home__sobre__image {
  min-width: 800px;
  width: 100%;
}

@media screen and (max-width: 460px) {
  .home__sobre__image {
    min-width: unset;
  }
}

.home__sobre__image img {
  width: 100%;
}

.home__pisos {
  padding: 144px 0 96px 0;
}

@media screen and (max-width: 1440px) {
  .home__pisos {
    padding-top: 80px;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos .container {
    padding: 0;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos {
    padding: 0 0 56px 0;
  }
  .home__pisos .title-sec {
    padding: 0 24px;
  }
}

.home__pisos__cards {
  margin: 64px 0 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 0 32px;
}

@media screen and (max-width: 1400px) {
  .home__pisos__cards {
    gap: 0 20px;
  }
}

@media screen and (max-width: 960px) {
  .home__pisos__cards {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos__cards {
    gap: 0;
    margin: 24px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.home__pisos__cards__card {
  background: #ffffff;
  border-radius: 8px;
  position: relative;
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card {
    width: 100%;
    border-radius: 16px;
  }
  .home__pisos__cards__card:not(:last-of-type) {
    margin: 0 0 40px 0;
  }
}

.home__pisos__cards__card:hover header > img {
  -webkit-transform: translateY(43%) scale(1.04);
          transform: translateY(43%) scale(1.04);
}

.home__pisos__cards__card--pixel header img {
  left: -64px;
}

.home__pisos__cards__card--pixel .home__pisos__cards__card__title span {
  background-color: rgba(0, 133, 255, 0.15);
}

.home__pisos__cards__card--pixel .btn {
  color: #0072dc;
  border-color: #0072dc;
}

.home__pisos__cards__card--pixel .btn:hover {
  background-color: rgba(0, 133, 255, 0.08);
}

.home__pisos__cards__card--pixel .btn svg path[stroke="#0072DC"],
.home__pisos__cards__card--pixel .btn svg circle[stroke="#0072DC"],
.home__pisos__cards__card--pixel .btn svg polygon[stroke="#0072DC"],
.home__pisos__cards__card--pixel .btn svg rect[stroke="#0072DC"] {
  stroke: #0072dc;
}

.home__pisos__cards__card--pixel .btn svg path[fill="#0072DC"],
.home__pisos__cards__card--pixel .btn svg circle[fill="#0072DC"],
.home__pisos__cards__card--pixel .btn svg polygon[fill="#0072DC"],
.home__pisos__cards__card--pixel .btn svg rect[fill="#0072DC"] {
  fill: #0072dc;
}

.home__pisos__cards__card--mega header > img {
  left: -48px;
}

.home__pisos__cards__card--mega .home__pisos__cards__card__title span {
  background-color: rgba(0, 87, 167, 0.2);
}

.home__pisos__cards__card--mega .btn {
  color: #1d609d;
  border-color: #1d609d;
}

.home__pisos__cards__card--mega .btn:hover {
  background-color: rgba(0, 87, 167, 0.08);
}

.home__pisos__cards__card--mega .btn svg path[stroke="#0072DC"],
.home__pisos__cards__card--mega .btn svg circle[stroke="#0072DC"],
.home__pisos__cards__card--mega .btn svg polygon[stroke="#0072DC"],
.home__pisos__cards__card--mega .btn svg rect[stroke="#0072DC"] {
  stroke: #1d609d;
}

.home__pisos__cards__card--mega .btn svg path[fill="#0072DC"],
.home__pisos__cards__card--mega .btn svg circle[fill="#0072DC"],
.home__pisos__cards__card--mega .btn svg polygon[fill="#0072DC"],
.home__pisos__cards__card--mega .btn svg rect[fill="#0072DC"] {
  fill: #1d609d;
}

.home__pisos__cards__card--mega article svg path[stroke="#83D1FF"],
.home__pisos__cards__card--mega article svg circle[stroke="#83D1FF"],
.home__pisos__cards__card--mega article svg polygon[stroke="#83D1FF"],
.home__pisos__cards__card--mega article svg rect[stroke="#83D1FF"] {
  stroke: #1d609d;
}

.home__pisos__cards__card--mega article svg path[fill="#83D1FF"],
.home__pisos__cards__card--mega article svg circle[fill="#83D1FF"],
.home__pisos__cards__card--mega article svg polygon[fill="#83D1FF"],
.home__pisos__cards__card--mega article svg rect[fill="#83D1FF"] {
  fill: #1d609d;
}

.home__pisos__cards__card--arena header img {
  left: -48px;
}

.home__pisos__cards__card--arena .home__pisos__cards__card__title span {
  background-color: rgba(66, 232, 39, 0.2);
}

.home__pisos__cards__card--arena .btn {
  color: #68c659;
  border-color: #68c659;
}

.home__pisos__cards__card--arena .btn:hover {
  background-color: rgba(66, 232, 39, 0.08);
}

.home__pisos__cards__card--arena .btn svg path[stroke="#0072DC"],
.home__pisos__cards__card--arena .btn svg circle[stroke="#0072DC"],
.home__pisos__cards__card--arena .btn svg polygon[stroke="#0072DC"],
.home__pisos__cards__card--arena .btn svg rect[stroke="#0072DC"] {
  stroke: #68c659;
}

.home__pisos__cards__card--arena .btn svg path[fill="#0072DC"],
.home__pisos__cards__card--arena .btn svg circle[fill="#0072DC"],
.home__pisos__cards__card--arena .btn svg polygon[fill="#0072DC"],
.home__pisos__cards__card--arena .btn svg rect[fill="#0072DC"] {
  fill: #68c659;
}

.home__pisos__cards__card--arena article svg path[stroke="#83D1FF"],
.home__pisos__cards__card--arena article svg circle[stroke="#83D1FF"],
.home__pisos__cards__card--arena article svg polygon[stroke="#83D1FF"],
.home__pisos__cards__card--arena article svg rect[stroke="#83D1FF"] {
  stroke: #68c659;
}

.home__pisos__cards__card--arena article svg path[fill="#83D1FFC"],
.home__pisos__cards__card--arena article svg circle[fill="#83D1FF"],
.home__pisos__cards__card--arena article svg polygon[fill="#83D1FF"],
.home__pisos__cards__card--arena article svg rect[fill="#83D1FF"] {
  fill: #68c659;
}

.home__pisos__cards__card--ultra header img {
  left: -48px;
}

.home__pisos__cards__card--ultra .home__pisos__cards__card__title span {
  background-color: rgba(255, 122, 0, 0.2);
}

.home__pisos__cards__card--ultra .btn {
  color: #ff912c;
  border-color: #ff912c;
}

@media screen and (max-width: 1410px) {
  .home__pisos__cards__card--ultra .btn {
    margin-top: 38px !important;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card--ultra .btn {
    margin-top: 0 !important;
  }
}

.home__pisos__cards__card--ultra .btn:hover {
  background-color: rgba(255, 122, 0, 0.08);
}

.home__pisos__cards__card--ultra .btn svg path[stroke="#0072DC"],
.home__pisos__cards__card--ultra .btn svg circle[stroke="#0072DC"],
.home__pisos__cards__card--ultra .btn svg polygon[stroke="#0072DC"],
.home__pisos__cards__card--ultra .btn svg rect[stroke="#0072DC"] {
  stroke: #ff912c;
}

.home__pisos__cards__card--ultra .btn svg path[fill="#0072DC"],
.home__pisos__cards__card--ultra .btn svg circle[fill="#0072DC"],
.home__pisos__cards__card--ultra .btn svg polygon[fill="#0072DC"],
.home__pisos__cards__card--ultra .btn svg rect[fill="#0072DC"] {
  fill: #ff912c;
}

.home__pisos__cards__card--ultra article svg path[stroke="#83D1FF"],
.home__pisos__cards__card--ultra article svg circle[stroke="#83D1FF"],
.home__pisos__cards__card--ultra article svg polygon[stroke="#83D1FF"],
.home__pisos__cards__card--ultra article svg rect[stroke="#83D1FF"] {
  stroke: #ff912c;
}

.home__pisos__cards__card--ultra article svg path[fill="#83D1FF"],
.home__pisos__cards__card--ultra article svg circle[fill="#83D1FF"],
.home__pisos__cards__card--ultra article svg polygon[fill="#83D1FF"],
.home__pisos__cards__card--ultra article svg rect[fill="#83D1FF"] {
  fill: #ff912c;
}

.home__pisos__cards__card__header {
  position: relative;
}

.home__pisos__cards__card__header figure {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
}

@media screen and (min-width: 1600px) {
  .home__pisos__cards__card__header figure {
    height: 260px;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card__header figure {
    height: 290px;
  }
}

.home__pisos__cards__card__header figure img {
  width: 100%;
  height: 100%;
}

.home__pisos__cards__card__header > img {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(43%);
          transform: translateY(43%);
  max-width: 440px;
  z-index: 1;
}

@media screen and (max-width: 1600px) {
  .home__pisos__cards__card__header > img {
    max-width: 400px;
  }
}

@media screen and (max-width: 1400px) {
  .home__pisos__cards__card__header > img {
    max-width: 350px;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card__header > img {
    max-width: 390px;
  }
}

.home__pisos__cards__card__logo {
  display: block;
  height: 36px;
  max-width: 112px;
}

.home__pisos__cards__card__logo img {
  height: 100%;
  width: 100%;
}

.home__pisos__cards__card__title {
  margin: 16px 0 20px 0;
  font-size: 20px;
  line-height: 29px;
  height: 85px;
}

@media screen and (max-width: 1440px) {
  .home__pisos__cards__card__title {
    font-size: 19px;
    height: 87px;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 960px) {
  .home__pisos__cards__card__title {
    height: auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card__title {
    font: 26px;
    line-height: 30px;
  }
}

.home__pisos__cards__card__title span {
  display: inline-block;
  border-radius: 4px;
  padding: 0 4px;
}

.home__pisos__cards__card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.home__pisos__cards__card__info:not(:last-of-type) {
  margin: 0 0 18px 0;
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card__info:not(:last-of-type) {
    margin: 0 0 14px 0;
  }
}

@media screen and (max-width: 1500px) {
  .home__pisos__cards__card__info {
    height: 49px;
  }
}

.home__pisos__cards__card__info img {
  max-width: 30px;
}

.home__pisos__cards__card__info span {
  display: block;
  font-size: 15px;
  margin: 0 0 0 16px;
}

.home__pisos__cards__card .btn {
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 156px;
  padding: 10px;
}

.home__pisos__cards__card .btn svg {
  margin: 0 0 0 8px;
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card .btn {
    margin: 16px 0 0 0 !important;
  }
}

.home__pisos__cards__card footer {
  padding: 88px 24px 24px 24px;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card footer {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

.home__pisos__cards__card article {
  position: absolute;
  bottom: 20px;
  right: 24px;
}

@media screen and (max-width: 460px) {
  .home__pisos__cards__card article {
    bottom: 28px;
  }
}

.home__o-que-fazemos {
  padding: 128px 0;
  background: url("../assets/pages/home/lines-bg.svg"), -webkit-gradient(linear, left bottom, left top, from(#38a0ff), to(rgba(12, 106, 193, 0))), -webkit-gradient(linear, left top, left bottom, from(#0c6ac1), to(#0c6ac1));
  background: url("../assets/pages/home/lines-bg.svg"), linear-gradient(to top, #38a0ff, rgba(12, 106, 193, 0)), linear-gradient(to bottom, #0c6ac1, #0c6ac1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 460px) {
  .home__o-que-fazemos {
    padding: 48px 0;
    background-position: top;
  }
}

.home__o-que-fazemos .title-sec h2 {
  color: #ffffff;
}

.home__o-que-fazemos .title-sec p {
  color: #eaf7ff;
}

.home__o-que-fazemos__cards {
  margin: 60px 0 0 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 460px) {
  .home__o-que-fazemos__cards {
    display: block;
    gap: 0;
  }
}

.home__o-que-fazemos__cards__card {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  height: 320px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
}

@media screen and (max-width: 460px) {
  .home__o-que-fazemos__cards__card:not(:last-of-type) {
    margin: 0 0 24px 0;
  }
}

.home__o-que-fazemos__cards__card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 105px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 25, 43, 0)));
  background-image: linear-gradient(to top, #000000, rgba(0, 25, 43, 0));
  opacity: .5;
  z-index: 1;
  border-radius: 0 0 12px 12px;
}

@media screen and (max-width: 460px) {
  .home__o-que-fazemos__cards__card {
    height: 196px;
  }
}

.home__o-que-fazemos__cards__card:hover {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}

.home__o-que-fazemos__cards__card:hover h3::after {
  -webkit-transform: translate(3px, -3px);
          transform: translate(3px, -3px);
}

.home__o-que-fazemos__cards__card--locamos {
  background-image: url("../assets/pages/home/locamos.webp");
}

.home__o-que-fazemos__cards__card--personalizamos {
  background-image: url("../assets/pages/home/personalizamos.webp");
}

.home__o-que-fazemos__cards__card--vendemos {
  background-image: url("../assets/pages/home/vendemos.webp");
}

.home__o-que-fazemos__cards__card h3 {
  color: #ffffff;
  position: absolute;
  bottom: 24px;
  left: 28px;
  width: calc(100% - 56px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 5;
}

@media screen and (max-width: 1440px) {
  .home__o-que-fazemos__cards__card h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 960px) {
  .home__o-que-fazemos__cards__card h3 {
    font: 500 24px/32px "Red Hat Display", sans-serif;
    left: 20px;
    bottom: 16px;
  }
}

.home__o-que-fazemos__cards__card h3::after {
  content: url("../assets/icons/arrow_diagonal_white.svg");
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.home__por-que {
  padding: 128px 0 64px 0;
}

@media screen and (max-width: 1440px) {
  .home__por-que {
    padding: 80px 0 64px 0;
  }
}

.home__por-que section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .home__por-que section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    background: #ffffff;
    padding: 0 16px;
    border-radius: 16px;
    padding-bottom: 32px;
  }
}

.home__por-que__text {
  width: 100%;
  max-width: 430px;
  margin: 0 64px 0 0;
}

@media screen and (max-width: 1440px) {
  .home__por-que__text {
    max-width: 360px;
  }
}

@media screen and (max-width: 960px) {
  .home__por-que__text {
    margin: 8px 0 0 0;
    min-width: unset;
    max-width: 100%;
  }
}

.home__por-que__text h2 {
  margin: 0 0 16px 0;
}

@media screen and (max-width: 1440px) {
  .home__por-que__text h2 {
    font-size: 40px;
    line-height: 56px;
  }
}

@media screen and (max-width: 960px) {
  .home__por-que__text h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
  }
}

.home__por-que__text p {
  color: #5e5e5e;
  margin: 0 0 32px 0;
  line-height: 24px;
}

@media screen and (max-width: 960px) {
  .home__por-que__text p {
    margin: 0;
  }
  .home__por-que__text p:not(:last-of-type) {
    margin: 0 0 24px 0;
  }
}

.home__por-que__text .btn {
  padding: 19px 56px;
}

@media screen and (max-width: 960px) {
  .home__por-que__text .btn {
    display: none;
  }
}

.home__por-que__image {
  width: 100%;
  max-width: 970px;
  min-width: 970px;
}

@media screen and (max-width: 1540px) {
  .home__por-que__image {
    min-width: unset;
  }
}

@media screen and (max-width: 960px) {
  .home__por-que__image {
    min-width: unset;
    margin: -75px 0 0 0;
  }
}

.home__por-que__image img {
  width: 100%;
}

.home__por-que__divisor {
  margin: 144px 0 0 0;
}

@media screen and (max-width: 1440px) {
  .home__por-que__divisor {
    margin: 80px 0 0 0;
  }
}

@media screen and (max-width: 960px) {
  .home__por-que__divisor {
    display: none;
  }
}

.home__aplicacoes {
  margin: 32px 0 0 0;
}

@media screen and (max-width: 460px) {
  .home__aplicacoes {
    margin: 8px 0 0 0;
  }
}

.home__aplicacoes .title-sec {
  margin: 0 0 20px 0;
}

@media screen and (max-width: 1440px) {
  .home__aplicacoes .title-sec h2 {
    font-size: 35px;
  }
}

@media screen and (max-width: 960px) {
  .home__aplicacoes .controls {
    display: none;
  }
}

.home__aplicacoes__cards {
  width: 100%;
  margin: 50px 0 0 auto;
  padding: 0 0 0 64px;
  max-width: calc(1960px - 112px);
  width: 100%;
}

@media screen and (max-width: 960px) {
  .home__aplicacoes__cards {
    padding: 0 0 0 16px;
  }
}

@media screen and (max-width: 1400px) {
  .home__aplicacoes__cards {
    padding: 0 0 0 80px;
  }
}

@media screen and (max-width: 1370px) {
  .home__aplicacoes__cards {
    padding: 0 0 0 64px;
  }
}

@media screen and (max-width: 1300px) {
  .home__aplicacoes__cards {
    padding: 0 0 0 24px;
  }
}

@media screen and (max-width: 960px) {
  .home__aplicacoes__cards {
    padding: 0 0 0 16px;
  }
}

@media screen and (min-width: 2000px) {
  .home__aplicacoes__cards {
    max-width: calc(2275px - 112px);
  }
}

.home__clientes {
  padding: 208px 0 185px 0;
}

@media screen and (max-width: 1440px) {
  .home__clientes {
    padding: 96px 0;
  }
}

@media screen and (max-width: 460px) {
  .home__clientes {
    padding: 84px 0 16px 0;
  }
}

.home__clientes__logos {
  margin: 84px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 72px 96px;
}

@media screen and (max-width: 1500px) {
  .home__clientes__logos {
    gap: 64px;
  }
}

@media screen and (max-width: 1220px) {
  .home__clientes__logos {
    gap: 64px 48px;
  }
}

@media screen and (max-width: 460px) {
  .home__clientes__logos {
    margin: 48px 0 0 0;
    gap: 0;
  }
}

.home__clientes__logos figure {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .home__clientes__logos figure {
    margin: 0 0 56px 0;
    padding: 0 10px 0 10px;
    width: 33.3333%;
  }

  .home__clientes__logos figure img {
    margin: 0 auto;
  }
}

.home__clientes__logos figure:hover {
  opacity: .7;
}

.home__quando-evento {
  padding: 0 0 128px 0;
}

@media screen and (max-width: 1440px) {
  .home__quando-evento {
    padding: 0 0 80px 0;
  }
}

@media screen and (max-width: 960px) {
  .home__quando-evento {
    padding: 0 0 40px 0;
  }
}

.home__quando-evento__box {
  background: -webkit-gradient(linear, left bottom, left top, from(#38a0ff), to(rgba(12, 106, 193, 0))), -webkit-gradient(linear, left top, left bottom, from(#0c6ac1), to(#0c6ac1));
  background: linear-gradient(to top, #38a0ff, rgba(12, 106, 193, 0)), linear-gradient(to bottom, #0c6ac1, #0c6ac1);
  min-height: 355px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .home__quando-evento__box {
    min-height: 280px;
  }
}

@media screen and (max-width: 460px) {
  .home__quando-evento__box {
    min-height: 270px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 16px 16px 16px;
  }
}

.home__quando-evento__box::before {
  content: "";
  background: url("../assets/pages/home/points_evento.svg") center/cover no-repeat;
  z-index: 1;
  position: absolute;
  top: 50%;
  width: calc(100% - 64px);
  height: calc(100% - 64px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 960px) {
  .home__quando-evento__box::before {
    content: url("../assets/pages/home/points-mob-eventos.svg");
    background: unset;
    top: 64px;
    width: auto;
    height: auto;
  }
}

.home__quando-evento__box h2 {
  position: relative;
  z-index: 5;
  color: #ffffff;
  text-align: center;
  margin: 0 0 48px 0;
}

@media screen and (max-width: 1440px) {
  .home__quando-evento__box h2 {
    font: 500 38px/1.2 "Red Hat Display", sans-serif;
  }
}

.home__quando-evento__box h2.mob {
  display: none;
}

@media screen and (max-width: 460px) {
  .home__quando-evento__box h2.mob {
    display: block;
  }
}

@media screen and (max-width: 460px) {
  .home__quando-evento__box h2.desk {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  .home__quando-evento__box h2 {
    font: 500 26px/32px "Red Hat Display", sans-serif;
    margin: 0 0 40px 0;
  }
}

.home__quando-evento__box .btn {
  position: relative;
  z-index: 5;
  padding: 18px 58px;
}

@media screen and (max-width: 460px) {
  .home__quando-evento__box .btn {
    padding: 18px;
    width: 100%;
  }
}

.aplicacoes__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 80px 0 120px 0;
  position: relative;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 0 24px 0;
  }
}

.aplicacoes__banner::before, .aplicacoes__banner::after {
  position: absolute;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner::before, .aplicacoes__banner::after {
    display: none;
  }
}

.aplicacoes__banner::before {
  content: url("../assets/pages/aplicacoes/points-top-esq.png");
  top: -32px;
}

.aplicacoes__banner::after {
  content: url("../assets/pages/aplicacoes/points-bottom-esq.png");
  bottom: -38px;
}

.aplicacoes__banner__text {
  background: #ffffff;
  border-radius: 8px;
  padding: 44px 24px;
  margin: 0 80px 0 0;
  width: 100%;
  max-width: 480px;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__text {
    max-width: 100%;
    position: relative;
    z-index: 9;
    margin: -80px 0 0 0;
    background: rgba(255, 255, 255, 0.88);
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes__banner__text {
    padding: 36px 16px;
  }
}

.aplicacoes__banner__text h5 {
  color: #0072dc;
}

@media screen and (max-width: 460px) {
  .aplicacoes__banner__text h5 {
    display: none;
  }
}

.aplicacoes__banner__text h1 {
  margin: 16px 0;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__banner__text h1 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    letter-spacing: 0.16px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__text h1 {
    margin-top: 0;
  }
}

.aplicacoes__banner__text p {
  color: #5e5e5e;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__banner__text p {
    font: normal 16px/26px "Red Hat Display", sans-serif;
    letter-spacing: 0.2px;
    opacity: .9;
  }
}

.aplicacoes__banner__image {
  position: relative;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__image {
    width: calc(100% + 32px);
  }
}

.aplicacoes__banner__image::before, .aplicacoes__banner__image::after {
  position: absolute;
  z-index: 1;
  right: -8px;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__image::before, .aplicacoes__banner__image::after {
    display: none;
  }
}

.aplicacoes__banner__image::before {
  content: url("../assets/pages/aplicacoes/points-top-dir.png");
  top: -32px;
}

.aplicacoes__banner__image::after {
  content: url("../assets/pages/aplicacoes/points-bottom-dir.png");
  bottom: -38px;
}

.aplicacoes__banner__image figure {
  position: relative;
  z-index: 5;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__image figure {
    border-radius: 0;
  }
}

/* .aplicacoes__banner__image figure::before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(#1385D8), color-stop(0.01%, #1174BC), color-stop(96.87%, rgba(211, 230, 244, 0)));
  background: linear-gradient(0deg, #1385D8 0%, #1174BC 0.01%, rgba(211, 230, 244, 0) 96.87%);
  opacity: 0.3;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  width: 100%;
  z-index: 5;
} */

.aplicacoes__banner__image figure::after {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(#020C13), color-stop(96.87%, rgba(0, 25, 43, 0)));
  background: linear-gradient(0deg, #020C13 0%, rgba(0, 25, 43, 0) 96.87%);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 190px;
  width: 100%;
  z-index: 5;
  display: none;
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__image figure::after {
    display: block;
  }
}

.aplicacoes__banner__image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 700px;
  max-width: 1000px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__banner__image figure img {
    height: 460px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__banner__image figure img {
    height: 520px;
  }
}

.aplicacoes__destaque {
  background: linear-gradient(122.16deg, #38A0FF 0%, rgba(12, 106, 193, 0) 100%), #0C6AC1;
  border-radius: 10px;
  padding: 46px 16px;
  position: relative;
  margin: 0 0 75px 0;
  min-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__destaque {
    min-height: 200px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__destaque {
    min-height: 144px;
    background: url("../assets/pages/aplicacoes/points-mob-destaque.png") center/88% no-repeat, linear-gradient(122.16deg, #38A0FF 0%, rgba(12, 106, 193, 0) 100%), #0C6AC1;
    margin: 0 0 32px 0;
  }
}

.aplicacoes__destaque::before {
  content: url("../assets/pages/aplicacoes/big-quote.svg");
  position: absolute;
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}

.aplicacoes__destaque h2 {
  position: relative;
  text-align: center;
  z-index: 5;
  color: #ffffff;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__destaque h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes__destaque h2 {
    font: 500 21px/24px "Red Hat Display", sans-serif;
  }
}

.aplicacoes__sobre {
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 72px 136px;
  border-radius: 16px;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__sobre {
    padding: 64px 40px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre {
    padding: 0;
    background: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 0 56px 0;
  }
}

.aplicacoes__sobre__text {
  max-width: 400px;
  width: 100%;
  margin: 0 144px 0 0;
  padding: 0 0 20px 16px;
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__text {
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
}

.aplicacoes__sobre__text p {
  margin: 0 0 32px 0;
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__text p {
    margin: 0;
    background: #ffffff;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    font: 400 16px/26px "Red Hat Display", sans-serif;
  }
  .aplicacoes__sobre__text p:not(:first-of-type), .aplicacoes__sobre__text p:not(:last-of-type) {
    padding-bottom: 24px;
  }
  .aplicacoes__sobre__text p:first-of-type {
    border-radius: 8px 8px 0 0;
    padding-top: 36px;
  }
  .aplicacoes__sobre__text p:last-of-type {
    border-radius: 0 0 8px 8px;
    padding-bottom: 36px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__text .btn {
    margin: 16px 0 0 0;
  }
}

.aplicacoes__sobre__mosaico {
  max-width: 800px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__mosaico {
    padding: 20px 0 20px 16px;
    margin: 0 0 36px 0;
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    background: #ffffff;
    width: calc(100% + 32px);
  }
  .aplicacoes__sobre__mosaico::-webkit-scrollbar {
    display: none;
  }
}

.aplicacoes__sobre__mosaico figure {
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__mosaico figure {
    margin: 0 16px 0 0;
    min-width: 304px;
  }
}

.aplicacoes__sobre__mosaico figure img {
  width: 100%;
  height: 292px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 960px) {
  .aplicacoes__sobre__mosaico figure img {
    height: 230px;
  }
}

.aplicacoes__galeria {
  background: #ffffff;
  padding: 72px 136px;
  border-radius: 16px;
  margin: 80px 0;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__galeria {
    padding: 64px 40px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__galeria {
    padding: 0;
    background: unset;
    margin: 56px 0;
  }
}

.aplicacoes__galeria .title-sec {
  margin: 0 0 56px 0;
}

@media screen and (max-width: 960px) {
  .aplicacoes__galeria .title-sec {
    margin: 0 0 20px 0;
  }
}

.aplicacoes__galeria__fotos {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}

.aplicacoes__galeria__fotos figure {
  overflow: hidden;
  border-radius: 12px;
}

.aplicacoes__galeria__fotos figure:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: foto1;
}

.aplicacoes__galeria__fotos figure:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: foto2;
}

.aplicacoes__galeria__fotos figure:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: foto3;
}

.aplicacoes__galeria__fotos figure:nth-of-type(4) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 4;
  grid-area: foto4;
}

.aplicacoes__galeria__fotos figure:nth-of-type(5) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: foto5;
}

.aplicacoes__galeria__fotos figure:nth-of-type(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: foto6;
}

@media screen and (max-width: 460px) {
  .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    height: 220px;
  }
  .aplicacoes__galeria__fotos figure:nth-of-type(2), .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    height: calc((220px / 2) - 8px);
  }
  .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    height: 225px;
  }
  .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    height: 104px;
  }
  .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    height: 104px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .aplicacoes__galeria__fotos figure:nth-of-type(6) img {
    width: 100%;
    height: auto;
  }
}

.aplicacoes__galeria__fotos figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 360px;
}

@media screen and (max-width: 460px) {
  .aplicacoes__galeria__fotos figure img {
    height: 100%;
    width: auto;
  }
}

.aplicacoes__pisos {
  background: #ffffff;
  padding: 72px 0 0 0;
  border-radius: 16px;
  margin: 88px 0 calc(180px + 96px) 0;
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos {
    padding: 0;
    background: unset;
    margin: 56px 0 0 0;
  }
}

.aplicacoes__pisos .title-sec {
  margin: 0 0 72px 0;
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos .title-sec {
    margin: 0;
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes__pisos .swiper-container {
    width: calc(100% + 16px);
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos .swiper-container .swiper-wrapper {
    padding: 64px 0 56px 0;
  }
}

@media screen and (min-width: 960px) {
  .aplicacoes__pisos .swiper-container {
    overflow: initial;
    margin: 0;
  }
  .aplicacoes__pisos .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: unset;
            transform: unset;
    height: unset;
  }
  .aplicacoes__pisos .swiper-container .swiper-wrapper .swiper-slide {
    height: auto;
    -ms-flex-negative: unset;
        flex-shrink: unset;
    width: auto;
  }
}

.aplicacoes__pisos__card {
  margin: 0 30px -180px 30px;
  width: 100%;
  max-width: 260px;
  position: relative;
  -webkit-box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
          box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos__card {
    margin: 0;
    max-width: unset;
  }
}

.aplicacoes__pisos__card:hover .aplicacoes__pisos__card__image {
  -webkit-transform: translate(-50%, -35%) scale(1.04);
          transform: translate(-50%, -35%) scale(1.04);
}

.aplicacoes__pisos__card--pixel section {
  background: #0072dc;
}

.aplicacoes__pisos__card--mega section {
  background: #1d609d;
}

.aplicacoes__pisos__card--ultra section {
  background: #ff912c;
}

.aplicacoes__pisos__card--arena section {
  background: #68c659;
}

.aplicacoes__pisos__card__image {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  z-index: 1;
  min-width: 340px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .aplicacoes__pisos__card__image {
    max-width: 290px;
    min-width: unset;
  }
}

.aplicacoes__pisos__card section {
  padding: 128px 20px 20px 20px;
  min-height: 352px;
  border-radius: 8px;
}

@media screen and (max-width: 460px) {
  .aplicacoes__pisos__card section {
    padding-top: 112px;
    min-height: 324px;
    padding-bottom: 8px;
  }
}

.aplicacoes__pisos__card__logo {
  display: block;
  max-width: 112px;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos__card__logo {
    max-width: 88px;
  }
}

.aplicacoes__pisos__card__logo img {
  width: 100%;
}

.aplicacoes__pisos__card__description {
  margin: 16px 0 28px 0;
  color: #ffffff;
  font-size: 15px;
}

@media screen and (max-width: 960px) {
  .aplicacoes__pisos__card__description {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes__pisos__card__description {
    min-height: 120px;
    margin-bottom: 8px;
  }
}

.aplicacoes__pisos__card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.aplicacoes__pisos__card__link:hover {
  opacity: .8;
}

.aplicacoes__pisos__card__link::before {
  content: url("../assets/icons/plus-white.svg");
  margin: 5px 8px 0 0;
}

.aplicacoes__vantagens {
  background: #ffffff;
  padding: 76px 0 0 0;
  border-radius: 16px;
  margin: 0 0 76px 0;
}

@media screen and (max-width: 960px) {
  .aplicacoes__vantagens {
    padding: 0;
    background: unset;
    margin: 0 0 32px 0;
  }
}

.aplicacoes__vantagens .title-sec {
  margin: 0 0 72px 0;
}

@media screen and (max-width: 960px) {
  .aplicacoes__vantagens .title-sec {
    margin: 0 0 24px 0;
  }
}

.aplicacoes__vantagens__itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
  .aplicacoes__vantagens__itens {
    background: #ffffff;
    padding: 40px 16px 0 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.aplicacoes__vantagens__itens__item {
  max-width: 340px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 76px 0;
}

@media screen and (max-width: 1440px) {
  .aplicacoes__vantagens__itens__item {
    max-width: 280px;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__vantagens__itens__item {
    margin: 0 0 36px 0;
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes__vantagens__itens__item {
    max-width: 49%;
  }
}

@media screen and (max-width: 960px) {
  .aplicacoes__vantagens__itens__item img {
    max-width: 36px;
  }
}

.aplicacoes__vantagens__itens__item h4 {
  text-align: center;
  margin: 16px 0 4px 0;
}

@media screen and (max-width: 460px) {
  .aplicacoes__vantagens__itens__item h4 {
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.aplicacoes__vantagens__itens__item p {
  text-align: center;
}

@media screen and (max-width: 460px) {
  .aplicacoes__vantagens__itens__item p {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 1440px) {
  .aplicacoes .title-sec h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 460px) {
  .aplicacoes .title-sec * {
    text-align: left;
  }
}

.aplicacoes .destaque-blue h2 {
  max-width: 360px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.carros .aplicacoes__galeria__fotos {
  -ms-grid-columns: 1fr 1fr 1fr 0.4fr 1.5fr 1.1fr 0.2fr 1.2fr 1.6fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 0.4fr 1.5fr 1.1fr 0.2fr 1.2fr 1.6fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto1 foto1 foto1 foto2 foto2 foto2 foto3 foto3 foto3"
 "foto1 foto1 foto1 foto1 foto2 foto2 foto2 foto3 foto3 foto3"
 "foto1 foto1 foto1 foto1 foto2 foto2 foto2 foto3 foto3 foto3"
 "foto4 foto4 foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6"
 "foto4 foto4 foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6"
 "foto4 foto4 foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .carros .aplicacoes__galeria__fotos {
    -ms-grid-columns: 1.5fr 1fr 1fr 1.5fr;
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1 foto2"
 "foto1 foto1 foto1 foto3"
 "foto4 foto4 foto4 foto4"
 "foto4 foto4 foto4 foto4"
 "foto5 foto6 foto6 foto6";
  }
  .carros .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .carros .aplicacoes__galeria__fotos figure:nth-of-type(3) img {
    width: 100%;
    height: auto;
  }
  .carros .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
  }
}

.pista-danca .aplicacoes__galeria__fotos {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .pista-danca .aplicacoes__galeria__fotos {
    height: 578px;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1"
 "foto2 foto4 foto4"
 "foto3 foto4 foto4"
 "foto5 foto5 foto6";
  }
}

@media screen and (max-width: 460px) {
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
    height: 106px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 212px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(2) img {
    height: 100%;
    width: auto;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 106px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
    height: 106px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
    height: 106px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 228px;
  }
  .pista-danca .aplicacoes__galeria__fotos figure:nth-of-type(6) img {
    height: 100%;
    width: auto;
  }
  .pista-danca .aplicacoes__galeria__fotos figure img {
    width: 100%;
    height: auto;
    -o-object-fit: initial;
       object-fit: initial;
  }
}

.tendas-galpoes .aplicacoes__sobre {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 460px) {
  .tendas-galpoes .aplicacoes__sobre {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.tendas-galpoes .aplicacoes__galeria__fotos {
  -ms-grid-columns: 1fr [fo] 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr [fo] 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto3 foto3 foto3"
 "foto4 foto4 foto5 foto5 foto6";
}

@media screen and (max-width: 460px) {
  .tendas-galpoes .aplicacoes__galeria__fotos {
    height: 578px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr [fo] 1fr 1fr;
        grid-template-columns: 1fr [fo] 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto2"
 "foto3 foto3 foto3"
 "foto4 foto4 foto5"
 "foto4 foto4 foto6";
  }
}

@media screen and (max-width: 460px) {
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
    height: 106px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
    height: 106px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 106px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
    height: 212px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 106px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(5) img {
    width: auto;
    height: 100%;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 228px;
  }
  .tendas-galpoes .aplicacoes__galeria__fotos figure img {
    width: 100%;
    height: auto;
  }
}

.eventos .aplicacoes__galeria__fotos {
  -ms-grid-columns: 1.5fr 1fr 1.5fr 1fr 1.5fr;
      grid-template-columns: 1.5fr 1fr 1.5fr 1fr 1.5fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .eventos .aplicacoes__galeria__fotos {
    height: 571px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1.5fr;
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1 foto2"
 "foto1 foto1 foto1 foto3"
 "foto4 foto4 foto4 foto4"
 "foto4 foto4 foto4 foto4"
 "foto6 foto6 foto6 foto5";
  }
}

@media screen and (max-width: 460px) {
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 228;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(1) img {
    width: 100%;
    height: auto;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 212px;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(2) img {
    width: 100%;
    height: 100%;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
    height: calc(106px - 8px);
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
    height: 106px;
  }
  .eventos .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 106px;
  }
}

.praca-alimentacao .aplicacoes__sobre {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 460px) {
  .praca-alimentacao .aplicacoes__sobre {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.praca-alimentacao .aplicacoes__galeria__fotos {
  -ms-grid-columns: 1.5fr 1fr 1.5fr 1fr 1.5fr;
      grid-template-columns: 1.5fr 1fr 1.5fr 1fr 1.5fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .praca-alimentacao .aplicacoes__galeria__fotos {
    height: 578px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr [fo] 1fr 1fr;
        grid-template-columns: 1fr [fo] 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto2 foto2"
 "foto3 foto3 foto4"
 "foto3 foto3 foto5"
 "foto6 foto6 foto6";
  }
}

@media screen and (max-width: 460px) {
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
    height: 106px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(1) img {
    width: 100%;
    height: auto;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 106px;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(3) img {
    width: 100%;
    height: auto;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(5) img {
    width: 100%;
    height: auto;
  }
  .praca-alimentacao .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 212px;
  }
}

.camarotes .aplicacoes__galeria__fotos {
  -ms-grid-columns: 2fr 1fr 2fr 1fr 2fr;
      grid-template-columns: 2fr 1fr 2fr 1fr 2fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .camarotes .aplicacoes__galeria__fotos {
    height: 578px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1.5fr;
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1 foto2"
 "foto1 foto1 foto1 foto3"
 "foto4 foto4 foto4 foto4"
 "foto4 foto4 foto4 foto4"
 "foto5 foto6 foto6 foto6";
  }
}

@media screen and (max-width: 460px) {
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
    height: 106px;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 228px;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
    height: 106px;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 106px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(4) img {
    width: 100%;
    height: auto;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
    height: 106px;
  }
  .camarotes .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 212px;
  }
}

.stands-feiras .aplicacoes__galeria__fotos {
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr [fo] 1fr 1fr 1fr 1fr 4fr 1.5fr 1fr 1fr 1fr;
      grid-template-columns: 1fr [fo] 1fr 1fr 1fr 1fr 4fr 1.5fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto1 foto1 foto1 foto2 foto2 foto2 foto3 foto3 foto3"
 "foto1 foto1 foto1 foto1 foto2 foto2 foto2 foto3 foto3 foto3"
 "foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6 foto6 foto6"
 "foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .stands-feiras .aplicacoes__galeria__fotos {
    height: 578px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 2fr [fo] 1fr 1fr 2fr;
        grid-template-columns: 2fr [fo] 1fr 1fr 2fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1 foto1"
 "foto2 foto4 foto4 foto4"
 "foto3 foto4 foto4 foto4"
 "foto5 foto5 foto5 foto6";
  }
}

@media screen and (max-width: 460px) and (max-width: 460px) {
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
  }
  .stands-feiras .aplicacoes__galeria__fotos figure img {
    width: 100%;
    height: 100%;
  }
}

.quadras .aplicacoes__sobre__text {
  max-width: 480px;
  margin: 0 64px 0 0;
}

@media screen and (max-width: 460px) {
  .quadras .aplicacoes__sobre__text {
    margin: 0;
  }
}

.quadras .aplicacoes__sobre {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 460px) {
  .quadras .aplicacoes__sobre {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.quadras .aplicacoes__galeria__fotos {
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr [fo] 1fr 1fr 1fr 1fr 0.5fr 1.5fr 1fr 1fr 1fr;
      grid-template-columns: 1fr [fo] 1fr 1fr 1fr 1fr 0.5fr 1.5fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto1 foto1 foto1 foto1 foto1 foto2 foto2 foto3 foto3"
 "foto1 foto1 foto1 foto1 foto1 foto1 foto2 foto2 foto3 foto3"
 "foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6 foto6 foto6"
 "foto4 foto4 foto4 foto5 foto5 foto5 foto6 foto6 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .quadras .aplicacoes__galeria__fotos {
    height: 578px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 2fr [fo] 1fr 1fr 2fr;
        grid-template-columns: 2fr [fo] 1fr 1fr 2fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto1 foto1"
 "foto2 foto4 foto4 foto4"
 "foto3 foto4 foto4 foto4"
 "foto5 foto5 foto5 foto6";
  }
}

@media screen and (max-width: 460px) and (max-width: 460px) {
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(1) img {
    height: 100%;
    width: auto;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 106px;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(4) img {
    height: 100%;
    width: auto;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 220px;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(5) img {
    width: 100%;
    height: 100%;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
  }
  .quadras .aplicacoes__galeria__fotos figure:nth-of-type(6) img {
    width: 100%;
    height: auto;
  }
  .quadras .aplicacoes__galeria__fotos figure img {
    height: 100%;
    width: 100%;
  }
}

.carpetes .aplicacoes__sobre__text {
  max-width: 540px;
  margin: 0 64px 0 0;
}

@media screen and (max-width: 460px) {
  .carpetes .aplicacoes__sobre__text {
    margin: 0;
  }
}

.carpetes .aplicacoes__sobre {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 460px) {
  .carpetes .aplicacoes__sobre {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.carpetes .aplicacoes__galeria__fotos {
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1.5fr [fo] 1.5fr 0.8fr 1fr 1.5fr;
      grid-template-columns: 1.5fr [fo] 1.5fr 0.8fr 1fr 1.5fr;
  -ms-grid-rows: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto3 foto3 foto3"
 "foto4 foto4 foto5 foto5 foto6";
}

@media screen and (max-width: 460px) {
  .carpetes .aplicacoes__galeria__fotos {
    height: 578px;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 2fr [fo] 1fr 1fr 1fr;
        grid-template-columns: 2fr [fo] 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto1 foto2 foto2"
 "foto1 foto1 foto3 foto3"
 "foto4 foto4 foto4 foto4"
 "foto5 foto6 foto6 foto6";
  }
}

@media screen and (max-width: 460px) and (max-width: 460px) {
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 225px;
  }
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
  }
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
    height: 212px;
  }
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 105px;
  }
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
  }
  .carpetes .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
  }
  .carpetes .aplicacoes__galeria__fotos figure img {
    width: 100%;
    height: 100%;
  }
}

.gramados .aplicacoes__galeria__fotos {
  -ms-grid-columns: 2fr 1fr 2fr 1fr 2fr;
      grid-template-columns: 2fr 1fr 2fr 1fr 2fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto1 foto2 foto2 foto2 foto3"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6"
 "foto4 foto4 foto5 foto6 foto6";
}

@media screen and (max-width: 460px) {
  .gramados .aplicacoes__galeria__fotos {
    height: 578px;
    -ms-grid-columns: 1.5fr 1fr 1fr 1.5fr;
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "foto1 foto2 foto2 foto2"
 "foto3 foto3 foto3 foto4"
 "foto3 foto3 foto3 foto5"
 "foto6 foto6 foto6 foto6"
 "foto6 foto6 foto6 foto6";
  }
}

@media screen and (max-width: 460px) {
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: foto1;
    height: 106px;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: foto3;
    height: 215px;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(2) img {
    height: 100%;
    width: auto;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 4;
    grid-area: foto4;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(3) img {
    width: auto;
    height: 100%;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
    grid-area: foto6;
    height: 212px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(4) img {
    width: 100%;
    height: auto;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: foto5;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(5) img {
    width: auto;
    height: 100%;
  }
  .gramados .aplicacoes__galeria__fotos figure:nth-of-type(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: foto2;
    height: 106px;
  }
}

.orcamento__header {
  margin: 0 0 120px 0;
  background: #0072dc;
  padding: 56px 0;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .orcamento__header {
    padding: 0;
    overflow: initial;
    background: #F5F5F7;
  }
}

@media screen and (max-width: 960px) {
  .orcamento__header {
    margin: 0 0 48px 0;
  }
}

.orcamento__header::after {
  content: url("../assets/pages/orcamento/dolla.svg");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -96px;
}

@media screen and (max-width: 960px) {
  .orcamento__header::after {
    content: "";
    right: 0;
    top: 32px;
    -webkit-transform: unset;
            transform: unset;
    width: 168px;
    height: 270px;
    background: url("../assets/pages/orcamento/dolla.svg") center/cover no-repeat;
    z-index: 9;
  }
}

@media screen and (max-width: 460px) {
  .orcamento__header::after {
    top: 20px;
    right: 0;
  }
}

.orcamento__header .container {
  max-width: 1240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .orcamento__header .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.orcamento__header__text {
  max-width: 500px;
  width: 100%;
  margin: 96px 120px 0 0;
  position: relative;
}

@media screen and (max-width: 960px) {
  .orcamento__header__text {
    margin: 0;
    padding: 20px 0 0 0;
    max-width: 100%;
    background: #0072dc;
    height: 230px;
  }
  .orcamento__header__text * {
    text-align: center;
  }
}

.orcamento__header__text h1 {
  color: #ffffff;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .orcamento__header__text h1 {
    font: 500 32px/36px "Red Hat Display", sans-serif;
  }
}

.orcamento__header__text p {
  color: #ffffff;
  margin: 16px 0 56px 0;
  opacity: .8;
  font: 400 22px/32px "Red Hat Display", sans-serif;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .orcamento__header__text p {
    margin-bottom: 0;
    font: 400 16px/26px "Red Hat Display", sans-serif;
  }
}

.orcamento__header__text > img {
  min-width: 580px;
  width: 100%;
  position: relative;
  left: -32px;
}

@media screen and (max-width: 960px) {
  .orcamento__header__text > img {
    display: none;
  }
}

.orcamento__header__text a {
  position: absolute;
  left: 16px;
  top: 30px;
  display: none;
}

@media screen and (max-width: 960px) {
  .orcamento__header__text a {
    display: block;
  }
}

.orcamento__header__form {
  width: 100%;
  max-width: 500px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 38px;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .orcamento__header__form {
    margin: -96px auto 0 auto;
    position: relative;
    width: calc(100% - 32px);
    z-index: 5;
    padding: 36px 20px;
  }
}

@media screen and (max-width: 460px) {
  .orcamento__header__form {
    margin: -96px 16px 0 16px;
  }
}

.orcamento .como-funciona {
  margin: 0 0 80px 0;
}

.orcamento .title-sec {
  max-width: 680px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .orcamento .title-sec {
    max-width: 560px;
  }
}

@media screen and (max-width: 1440px) {
  .orcamento .title-sec h2 {
    font-size: 44px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 460px) {
  .orcamento .title-sec h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    margin: 0 0 12px 0;
  }
}

@media screen and (max-width: 960px) {
  .pisos {
    overflow-x: hidden;
  }
}

.pisos__banner {
  margin: 128px 0 48px 0;
}

@media screen and (max-width: 1440px) {
  .pisos__banner {
    margin-top: 80px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__banner {
    margin: 24px 0 0 0;
  }
}

.pisos__banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .pisos__banner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.pisos__banner__text {
  width: 100%;
  max-width: 600px;
  margin: 24px 96px 0 0;
  position: relative;
}

.pisos__banner__text::before {
  content: url("../assets/pages/pisos/points-esq-top.svg");
  position: absolute;
  left: 0;
  top: -40px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media screen and (max-width: 960px) {
  .pisos__banner__text::before {
    display: none;
  }
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text {
    margin: 24px 40px 0 0;
    max-width: 660px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__banner__text {
    max-width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .pisos__banner__text {
    margin: 32px 0 0 0;
  }
}

.pisos__banner__text header {
  max-width: 485px;
  width: 100%;
}

.pisos__banner__text header img {
  max-width: 128px;
}

@media screen and (max-width: 960px) {
  .pisos__banner__text header img {
    display: none;
  }
}

.pisos__banner__text header h1 {
  margin: 24px 0 20px 0;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text header h1 {
    font-size: 40px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 960px) {
  .pisos__banner__text header h1 {
    font-size: 32px;
    margin: 0 0 12px 0;
  }
}

.pisos__banner__text header p {
  color: #5e5e5e;
}

@media screen and (max-width: 460px) {
  .pisos__banner__text header p {
    font: 400 16px/26px "Red Hat Display", sans-serif;
  }
}

.pisos__banner__text header a {
  margin: 32px 0 80px 0;
  min-width: 256px;
  height: 56px;
  padding-top: 18px;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text header a {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__banner__text header a {
    min-width: unset;
    width: 100%;
    max-width: 100%;
    margin: 20px 0 28px 0;
  }
}

.pisos__banner__text footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text footer {
    padding: 32px 16px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__banner__text footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 32px 24px 0 24px;
    margin: 0 0 calc(-275px / 2) 0;
    position: relative;
    z-index: 5;
  }
}

.pisos__banner__text footer aside {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pisos__banner__text footer aside:not(:last-of-type) {
  margin: 0 24px 0 0;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text footer aside:not(:last-of-type) {
    margin: 0 16px 0 0;
  }
}

@media screen and (max-width: 460px) {
  .pisos__banner__text footer aside {
    width: 50%;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    margin: 0 !important;
    margin-bottom: 32px !important;
  }
}

.pisos__banner__text footer aside h5 {
  text-align: center;
  margin: 12px 0 0 0;
  color: #272727;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__text footer aside h5 {
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__banner__image {
  position: relative;
}

.pisos__banner__image::before, .pisos__banner__image::after {
  position: absolute;
  z-index: 1;
  right: 0;
}

@media screen and (max-width: 960px) {
  .pisos__banner__image::before, .pisos__banner__image::after {
    display: none;
  }
}

.pisos__banner__image::before {
  content: url("../assets/pages/pisos/points-dir-top.svg");
  top: -88px;
}

.pisos__banner__image::after {
  content: url("../assets/pages/pisos/points-dir-bottom.svg");
  bottom: -24px;
}

.pisos__banner__image__banner {
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 5;
}

.pisos__banner__image__banner img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 540px;
  max-width: 810px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .pisos__banner__image__banner img {
    height: 480px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__banner__image__banner img {
    height: 380px;
  }
}

.pisos__banner__image__produto {
  position: relative;
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.pisos__banner__image__header-mob {
  position: relative;
  margin: 0 0 30px 0;
  display: none;
}

@media screen and (max-width: 960px) {
  .pisos__banner__image__header-mob {
    display: block;
  }
}

.pisos__banner__image__header-mob a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.pisos__banner__image__header-mob img {
  max-width: 105px;
  margin: 0 auto;
}

.pisos__destaque-produto {
  position: relative;
  background: #0072dc;
  padding: 44px 0 0 0;
}

@media screen and (max-width: 460px) {
  .pisos__destaque-produto {
    padding: calc((275px / 2) + 32px) 0 0 0;
  }
}

.pisos__destaque-produto::after {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  background: #eeeef0;
  width: 100%;
  height: 112px;
}

.pisos__destaque-produto__box {
  background: #ffffff;
  border-radius: 16px;
  position: relative;
  z-index: 5;
  padding: 80px 0 96px 0;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box {
    padding: 46px 20px;
  }
}

.pisos__destaque-produto__box .title-sec {
  position: relative;
}

.pisos__destaque-produto__box .title-sec h2 {
  line-height: 1.4;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box .title-sec h2 {
    font-size: 28px;
    line-height: 1.3;
  }
}

.pisos__destaque-produto__box .title-sec::after {
  display: none;
  content: url("../assets/pages/pisos/reciclagem-mob.png");
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

@media screen and (max-width: 460px) {
  .pisos__destaque-produto__box .title-sec::after {
    display: block;
  }
}

.pisos__destaque-produto__box__tag-reciclavel {
  position: absolute;
  top: 0;
  right: 128px;
  max-width: 80px;
}

.pisos__destaque-produto__box__tag-reciclavel img {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__tag-reciclavel {
    display: none;
  }
}

.pisos__destaque-produto__box__produto {
  position: relative;
}

.pisos__destaque-produto__box__produto picture {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: block;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__produto picture {
    margin: 8px auto;
  }
}

.pisos__destaque-produto__box__produto picture::before, .pisos__destaque-produto__box__produto picture::after {
  content: url("../assets/pages/pisos/points-produto-principal.svg");
  position: absolute;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__produto picture::before, .pisos__destaque-produto__box__produto picture::after {
    content: url("../assets/pages/pisos/points-produto-principal-mob.svg");
  }
}

.pisos__destaque-produto__box__produto picture::before {
  top: 168px;
  left: 128px;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__produto picture::before {
    top: 40px;
    left: 0;
  }
}

.pisos__destaque-produto__box__produto picture::after {
  bottom: 240px;
  right: 64px;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__produto picture::after {
    bottom: 40px;
    right: 0;
  }
}

.pisos__destaque-produto__box__produto picture figure {
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__produto picture figure {
    width: calc(100% + 136px);
    margin-left: -68px;
  }
}

.pisos__destaque-produto__box__produto picture figure img {
  width: 100%;
}

.pisos__destaque-produto__box__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pisos__destaque-produto__box__cards article {
  max-width: 340px;
  width: 100%;
  padding: 0 40px;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
}

.pisos__destaque-produto__box__cards article * {
  text-align: center;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article * {
    text-align: left;
  }
}

.pisos__destaque-produto__box__cards article:not(:last-of-type) {
  border-right: 1px solid #d2d2d264;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article:not(:last-of-type) {
    margin: 0 0 32px 0;
    border: unset;
  }
}

.pisos__destaque-produto__box__cards article img {
  max-width: 128px;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article img {
    margin: 0 16px 0 0;
    max-width: 72px;
  }
}

.pisos__destaque-produto__box__cards article aside h4 {
  margin: 32px 0 10px 0;
  font-size: 24px;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article aside h4 {
    font: 500 18px/20px "Red Hat Display", sans-serif;
    margin: 0 0 8px 0;
  }
}

.pisos__destaque-produto__box__cards article aside p {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .pisos__destaque-produto__box__cards article aside p {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__detalhes {
  padding: 144px 0 88px 0;
  background: #eeeef0;
}

@media screen and (max-width: 960px) {
  .pisos__detalhes {
    padding: 48px 0;
  }
}

@media screen and (max-width: 960px) {
  .pisos__detalhes .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0;
  }
}

@media screen and (max-width: 960px) {
  .pisos__detalhes .title-sec {
    padding: 0 16px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__detalhes .title-sec h5 {
    display: none;
  }
}

.pisos__detalhes .title-sec p {
  max-width: 880px;
}

.pisos__detalhes__images {
  margin: 80px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media screen and (max-width: 960px) {
  .pisos__detalhes__images {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 24px 0;
  }
  .pisos__detalhes__images::-webkit-scrollbar {
    display: none;
  }
}

.pisos__detalhes__images::before {
  display: none;
  content: url("../assets/pages/pisos/pixel/bg-images.svg");
  position: absolute;
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

@media screen and (max-width: 460px) {
  .pisos__detalhes__images::before {
    display: block;
  }
}

.pisos__detalhes__images figure {
  position: relative;
  z-index: 5;
  border-radius: 8px;
  overflow: hidden;
  max-width: 310px;
}

.pisos__detalhes__images figure:not(:last-of-type) {
  margin-right: 20px;
}

@media screen and (max-width: 960px) {
  .pisos__detalhes__images figure:not(:last-of-type) {
    margin-right: 16px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__detalhes__images figure {
    margin: 0 16px 0 0;
    min-width: 300px;
  }
  .pisos__detalhes__images figure:first-of-type {
    margin-left: 16px;
  }
}

.pisos__detalhes__images figure img {
  height: 325px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pisos__infos {
  margin: 72px 0;
}

@media screen and (max-width: 960px) {
  .pisos__infos {
    margin: 48px 0;
  }
  .pisos__infos--transporte .pisos__infos__box {
    background: unset;
  }
  .pisos__infos--transporte .pisos__infos__box .pisos__infos__box__image::before {
    display: none;
  }
}

.pisos__infos__box {
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 16px;
  padding: 64px 128px;
}

@media screen and (max-width: 1440px) {
  .pisos__infos__box {
    padding: 64px 80px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__infos__box {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-radius: 0;
    padding: 56px 0;
  }
}

.pisos__infos__box__text {
  max-width: 400px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .pisos__infos__box__text {
    max-width: 100%;
    width: auto;
  }
}

.pisos__infos__box__text h5 {
  color: #0072dc;
}

@media screen and (max-width: 960px) {
  .pisos__infos__box__text h5 {
    display: none;
  }
}

.pisos__infos__box__text h2 {
  margin: 24px 0 16px 0;
  line-height: 3.4rem;
}

@media screen and (max-width: 960px) {
  .pisos__infos__box__text h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    margin: 0 0 8px 0;
    padding: 0 16px;
  }
}

.pisos__infos__box__text p {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .pisos__infos__box__text p {
    padding: 0 16px;
  }
}

.pisos__infos__box__image {
  max-width: 800px;
  width: 100%;
  margin: 0 0 0 40px;
  position: relative;
}

@media screen and (max-width: 960px) {
  .pisos__infos__box__image {
    margin: 0 0 24px 0;
    padding: 0 16px;
  }
}

.pisos__infos__box__image figure {
  border-radius: 8px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  width: 100%;
}

.pisos__infos__box__image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.pisos.ultra .pisos__infos .title-sec {
  margin-bottom: 72px;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos .title-sec {
    margin: 0;
  }

  .pisos.ultra .pisos__infos .title-sec h2 {
    margin-bottom: 24px;
    text-align: center;
  }
}

.pisos.ultra .pisos__infos .swiper-grandes-projetos {
  position: relative;
}

@media (max-width: 560px) {
  .swiper-button-next-grandes-projetos,
  .swiper-button-prev-grandes-projetos {
    display: none !important;
  }
}

.pisos.ultra .pisos__infos .swiper-button-next, .pisos.ultra .pisos__infos .swiper-button-prev {
  color: #000000;
  background: #FFF;
  width: 72px;
  height: 72px;
  border-radius: 100%;
}

.pisos.ultra .pisos__infos .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 6%);
}

.pisos.ultra .pisos__infos .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 6%);
}

.pisos.ultra .pisos__detalhes .container {
  -ms-flex-direction: column;
  flex-direction: column;
}

.pisos__ficha-tecnica__box {
  border-radius: 16px;
  background: #eeeef0;
  padding: 96px 168px 56px 168px;
}

@media screen and (max-width: 1440px) {
  .pisos__ficha-tecnica__box {
    padding: 64px 80px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box {
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    border-radius: 0;
    padding: 56px 24px 36px 24px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box .title-sec {
    margin: 0 0 24px 0;
  }
  .pisos__ficha-tecnica__box .title-sec h2 {
    margin: 0;
  }
}

@media screen and (max-width: 960px) and (max-width: 460px) {
  .pisos__ficha-tecnica__box .title-sec h2 {
    font-size: 28px;
  }
}

.pisos__ficha-tecnica__box__exps {
  margin: 80px 0 56px 0;
  gap: 0 64px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps {
    display: block;
    margin: 0 0 32px 0;
  }
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps aside:first-of-type {
    margin: 0 0 16px 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl:not(:last-child) {
  margin: 0 0 32px 0;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps aside dl:not(:last-child) {
    margin: 0 0 16px 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dt {
  background: #0072dc;
  text-align: center;
  color: #ffffff;
  font: 500 20px/1 "Red Hat Display", sans-serif;
  padding: 18px 20px;
  border-radius: 16px;
  position: relative;
  z-index: 5;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.pisos__ficha-tecnica__box__exps aside dl dt svg {
  display: none;
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps aside dl dt svg {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps aside dl dt {
    cursor: pointer;
    text-align: left;
    padding: 16px 20px;
    border-radius: 8px;
    font: 500 16px/1 "Red Hat Display", sans-serif;
    background: #ffffff;
    color: #272727;
  }
  .pisos__ficha-tecnica__box__exps aside dl dt.open {
    background: #0072dc;
    color: #ffffff;
  }
  .pisos__ficha-tecnica__box__exps aside dl dt.open svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .pisos__ficha-tecnica__box__exps aside dl dt.open svg path {
    stroke: #ffffff;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd {
  background: #ffffff;
  margin: -16px 0 0 0;
  padding: 48px 32px;
  border-radius: 0 0 16px 16px;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__exps aside dl dd {
    display: none;
    padding: 40px 24px 16px 24px;
  }
  .pisos__ficha-tecnica__box__exps aside dl dd.open {
    display: block;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd img {
  width: 100%;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd img {
    margin: 0 0 24px 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li:not(:last-of-type) {
  margin: 0 0 20px 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd ul li:not(:last-of-type) {
    margin: 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li h6 {
  font: 500 16px/23px "Red Hat Display", sans-serif;
  min-width: 144px;
  margin: 0 32px 0 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd ul li h6 {
    min-width: 115px;
    font-size: 14px;
    line-height: 20px;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li aside span {
  font: 400 16px/28px "Red Hat Display", sans-serif;
  color: #5e5e5e;
  display: block;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd ul li aside span {
    font: 400 14px/24px "Red Hat Display", sans-serif;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd ul li aside span:first-of-type {
  min-width: 72px;
}

.pisos__ficha-tecnica__box__exps aside dl dd h4 {
  text-align: center;
  font: 500 17px/23px "Red Hat Display", sans-serif;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd h4 {
    text-align: left;
    font: 400 16px/26px "Red Hat Display", sans-serif;
    margin: 0 0 12px 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd h5 {
  margin: 16px 0 0 0;
  font: 400 14px/20px "Red Hat Display", sans-serif;
  color: #989898;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd h5 {
    margin: 0;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd table {
  border-collapse: collapse;
  border-spacing: 0;
}

.pisos__ficha-tecnica__box__exps aside dl dd table thead td {
  text-align: center;
  font: 500 16px/23px "Red Hat Display", sans-serif;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd table thead td {
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd table thead td:not(:first-child) {
  padding: 0 40px 10px 40px;
  border-left: 1px solid #d2d2d2;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd table thead td:not(:first-child) {
    padding: 0 24px 10px 24px;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd table tbody td {
  font: 400 16px/23px "Red Hat Display", sans-serif;
  color: #5e5e5e;
  text-align: center;
  padding: 10px 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd table tbody td {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__ficha-tecnica__box__exps aside dl dd table tbody td:not(:first-of-type) {
  border-left: 1px solid #d2d2d2;
}

.pisos__ficha-tecnica__box__exps aside dl dd table tbody td.title {
  text-align: left;
  padding: 0 24px 0 0;
  font: 500 16px/23px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__exps aside dl dd table tbody td.title {
    padding: 8px 0;
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__ficha-tecnica__box__downloads {
  background: #ffffff;
  border-radius: 16px;
  padding: 40px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__downloads {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: unset;
  }
}

.pisos__ficha-tecnica__box__downloads aside:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pisos__ficha-tecnica__box__downloads aside h2 {
  margin: 0 0 12px 0;
}

@media screen and (max-width: 460px) {
  .pisos__ficha-tecnica__box__downloads aside h2 {
    font: 500 24px/32px "Red Hat Display", sans-serif;
    margin: 0 0 8px 0;
  }
}

.pisos__ficha-tecnica__box__downloads aside p {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__downloads aside p {
    margin: 0 0 16px 0;
  }
}

.pisos__ficha-tecnica__box__downloads aside a {
  margin: 0 0 0 32px;
}

@media screen and (max-width: 960px) {
  .pisos__ficha-tecnica__box__downloads aside a {
    margin: 0;
  }
  .pisos__ficha-tecnica__box__downloads aside a:first-of-type {
    margin: 0 16px 0 0;
  }
}

@media screen and (max-width: 960px) {
  .pisos__acessorios .container {
    padding: 0;
  }
}

.pisos__acessorios .title-sec {
  margin: 0 0 72px 0;
}

@media screen and (max-width: 960px) {
  .pisos__acessorios .title-sec {
    margin: 0;
  }
  .pisos__acessorios .title-sec h2 {
    margin: 0 0 8px 0;
  }
}

@media screen and (max-width: 460px) {
  .pisos__acessorios .swiper-container {
    width: calc(100% + 16px);
  }
}

@media screen and (max-width: 960px) {
  .pisos__acessorios .swiper-container .swiper-wrapper {
    padding: 64px 0 56px 0;
  }
}

@media screen and (min-width: 960px) {
  .pisos__acessorios .swiper-container {
    overflow: initial;
    margin: 0;
  }
  .pisos__acessorios .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: unset;
            transform: unset;
    height: unset;
  }
  .pisos__acessorios .swiper-container .swiper-wrapper .swiper-slide {
    height: auto;
    -ms-flex-negative: unset;
        flex-shrink: unset;
    width: auto;
  }
}

.pisos__acessorios__box {
  background: #ffffff;
  border-radius: 16px;
  margin: 88px 0 calc(180px + 96px) 0;
  padding-top: 72px;
  padding-left: 150px;
  padding-right: 150px;
}

@media screen and (max-width: 960px) {
  .pisos__acessorios__box {
    padding: 0;
    background: unset;
    margin: 56px 0 0 0;
    padding-right: 0;
    padding-left: 16px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__acessorios__box .swiper-slide.swiper-slide-active section {
    background: #0072dc;
  }
  .pisos__acessorios__box .swiper-slide:last-of-type section {
    background: #0072dc;
  }
}

.pisos__acessorios__box__card {
  margin: 0 30px -180px 30px;
  width: 100%;
  max-width: 260px;
  position: relative;
  -webkit-box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
          box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 960px) {
  .pisos__acessorios__box__card {
    margin: 0;
    max-width: unset;
  }
}

.pisos__acessorios__box__card:hover img {
  -webkit-transform: translate(-50%, -35%) scale(1.04);
          transform: translate(-50%, -35%) scale(1.04);
}

.pisos__acessorios__box__card img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  z-index: 1;
  max-width: 280px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .pisos__acessorios__box__card img {
    max-width: 220px;
  }
}

.pisos__acessorios__box__card section {
  padding: 100px 20px 20px 20px;
  min-height: 330px;
  border-radius: 8px;
  background: #0072dc;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .pisos__acessorios__box__card section {
    padding-top: 88px;
    padding-bottom: 8px;
    min-height: 300px;
    background: #4fb9f6;
  }
}

.pisos__acessorios__box__card section h4 {
  color: #ffffff;
  margin: 0 0 20px 0;
}

.pisos__acessorios__box__card section p {
  line-height: 22px;
  color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 460px) {
  .pisos__acessorios__box__card section p {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__aplicacoes__box {
  border-radius: 16px;
  background: #eeeef0;
  padding: 96px 80px 120px 80px;
}

@media screen and (max-width: 1440px) {
  .pisos__aplicacoes__box {
    padding: 96px 20px 120px 20px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__aplicacoes__box {
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    border-radius: 0;
    padding: 0 24px 48px 24px;
    background: unset;
  }
}

.pisos__aplicacoes__box .title-sec {
  margin: 0 0 56px 0;
}

@media screen and (max-width: 960px) {
  .pisos__aplicacoes__box .title-sec {
    margin: 0 0 24px 0;
  }
  .pisos__aplicacoes__box .title-sec h2 {
    margin: 0;
  }
}

@media screen and (max-width: 960px) and (max-width: 460px) {
  .pisos__aplicacoes__box .title-sec h2 {
    font-size: 28px;
  }
}

.pisos__aplicacoes__box__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1600px) {
  .pisos__aplicacoes__box__cards {
    gap: 16px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__aplicacoes__box__cards {
    gap: 0;
  }
}

.pisos__aplicacoes__box__cards a {
  display: contents;
}

.pisos__aplicacoes__box__cards a:hover aside {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.pisos__aplicacoes__box__cards aside {
  max-width: 215px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 8px;
  padding: 26px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.04);
          -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 1600px) {
  .pisos__aplicacoes__box__cards aside {
    padding: 26px 16px;
    max-width: 195px;
  }
}

@media screen and (max-width: 460px) {
  .pisos__aplicacoes__box__cards a {
    display: flex;
    width: 47%;
    max-width: unset;
  }

  .pisos__aplicacoes__box__cards aside {
    /* width: 47%;
    max-width: unset; */
    padding: 20px 16px;
    margin-bottom: 16px;
  }
  .pisos__aplicacoes__box__cards aside:nth-child(odd) {
    margin-right: 16px;
  }
}

.pisos__aplicacoes__box__cards aside img {
  margin: 0 16px 0 0;
}

@media screen and (max-width: 460px) {
  .pisos__aplicacoes__box__cards aside img {
    width: 32px;
  }
}

.pisos__aplicacoes__box__cards aside span {
  font-size: 17px;
  display: block;
}

@media screen and (max-width: 460px) {
  .pisos__aplicacoes__box__cards aside span {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.pisos__motivos {
  margin: 105px 0;
}

@media screen and (max-width: 960px) {
  .pisos__motivos {
    margin: 0 0 72px -16px;
    width: calc(100% + 32px);
  }
  .pisos__motivos .title-sec {
    padding: 0 0 0 16px;
  }
}

.pisos__motivos__itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 56px 0 0 0;
  gap: 0 32px;
}

@media screen and (max-width: 960px) {
  .pisos__motivos__itens {
    margin: 24px 0 0 0;
    overflow-x: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0;
  }
  .pisos__motivos__itens::-webkit-scrollbar {
    display: none;
  }
}

.pisos__motivos__itens aside {
  max-width: 380px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .pisos__motivos__itens aside {
    margin-right: 16px;
    min-width: 300px;
  }
  .pisos__motivos__itens aside:first-of-type {
    margin-left: 16px;
  }
}

.pisos__motivos__itens aside figure {
  overflow: hidden;
  border-radius: 8px;
}

.pisos__motivos__itens aside figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 280px;
}

@media screen and (max-width: 960px) {
  .pisos__motivos__itens aside figure img {
    height: 220px;
  }
}

.pisos__motivos__itens aside h4 {
  margin: 24px 0 8px 0;
}

@media screen and (max-width: 960px) {
  .pisos__motivos__itens aside h4 {
    font: 500 23px/32px "Red Hat Display", sans-serif;
  }
}

.pisos__motivos__itens aside p {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .pisos__motivos__itens aside p {
    font: 400 16px/26px "Red Hat Display", sans-serif;
  }
}

.pisos__produto-solo .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pisos__produto-solo .container::before {
  content: url("../assets/pages/pisos/pixel/points-produto.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 960px) {
  .pisos__produto-solo .container::before {
    content: url("../assets/pages/pisos/pixel/points-produto-mob.svg");
  }
}

.pisos__produto-solo img {
  max-width: 940px;
  width: 100%;
}

.pisos__easy {
  margin: 40px 0 64px 0;
}

@media screen and (max-width: 960px) {
  .pisos__easy {
    margin: 64px 0 32px 0;
  }
}

.pisos__easy__box {
  background: #4fb9f6;
  border-radius: 16px;
  padding: 64px 112px 64px 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .pisos__easy__box {
    padding: 64px 112px;
  }
}

@media screen and (max-width: 960px) {
  .pisos__easy__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 88px 16px 56px 16px;
  }
  .pisos__easy__box::before {
    content: url("../assets/pages/home/points-mob-eventos.svg");
    position: absolute;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.pisos__easy__box h2 {
  color: #ffffff;
  max-width: 310px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .pisos__easy__box h2 {
    font: 500 26px/32px "Red Hat Display", sans-serif;
    margin: 0 0 32px 0;
  }
}

@media screen and (max-width: 460px) {
  .pisos__easy__box h2 {
    padding: 0 48px;
    text-align: center;
  }
}

.pisos__easy__box__table {
  background: #ffffff;
  max-width: 600px;
  width: 100%;
  padding: 32px 56px;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .pisos__easy__box__table {
    padding: 8px;
  }
}

.pisos__easy__box__table h5 {
  text-align: center;
  font: 500 24px/1 "Red Hat Display", sans-serif;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 960px) {
  .pisos__easy__box__table h5 {
    font-size: 18px;
    margin: 16px 0;
  }
}

.pisos__easy__box__table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.pisos__easy__box__table table thead td {
  text-align: center;
  font: 400 18px/1 "Red Hat Display", sans-serif;
  padding: 0 24px 16px 24px;
}

@media screen and (max-width: 960px) {
  .pisos__easy__box__table table thead td {
    font-size: 14px;
    padding: 16px;
  }
}

.pisos__easy__box__table table thead td strong {
  font-weight: 500;
}

.pisos__easy__box__table table tbody td {
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  font: 500 18px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .pisos__easy__box__table table tbody td {
    font-size: 14px;
    padding: 16px;
  }
}

.pisos__easy__box__table table tbody td img {
  width: 10px;
  margin: 0 auto;
}

.pisos.pixel .brif {
  background: rgba(0, 133, 255, 0.2);
}

.pisos.pixel .pisos__banner__image__produto {
  max-width: 700px;
  margin-top: -240px;
}

@media screen and (max-width: 1440px) {
  .pisos.pixel .pisos__banner__image__produto {
    margin-top: -200px;
  }
}

@media screen and (max-width: 460px) {
  .pisos.pixel .pisos__banner__image__produto {
    margin-top: -128px;
    width: calc(100% + 32px);
    margin-left: -26px;
  }
}

.pisos.pixel .pisos__destaque-produto__box__produto {
  margin: 64px 0;
}

@media screen and (max-width: 460px) {
  .pisos.pixel .pisos__destaque-produto__box__produto {
    margin: 32px 0;
  }
}

.pisos.pixel .pisos__infos__box__image {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.pisos.pixel .pisos__infos__box__image::before {
  display: none;
  content: url("../assets/pages/pisos/pixel/bg-images2.svg");
  position: absolute;
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

@media screen and (max-width: 460px) {
  .pisos.pixel .pisos__infos__box__image::before {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .pisos.pixel .pisos__infos__box__image {
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
  }
  .pisos.pixel .pisos__infos__box__image::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .pisos.pixel .pisos__infos__box__image figure {
    margin: 0 16px 0 0;
    min-width: 300px;
  }
  .pisos.pixel .pisos__infos__box__image figure:first-of-type {
    margin-left: 16px;
  }
}

.pisos.pixel .pisos__infos__box__image figure img {
  height: 290px;
}

.pisos.pixel .pisos__infos--transporte .pisos__infos__box__image figure {
  height: 490px;
}

.pisos.pixel .pisos__infos--transporte .pisos__infos__box__image figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .pisos.pixel .pisos__infos--transporte .pisos__infos__box__image figure img {
    width: initial;
    height: initial;
  }
}

@media screen and (max-width: 960px) {
  .pisos.pixel .pisos__infos--transporte .pisos__infos__box__image figure {
    height: 320px;
  }
}

.pisos.mega .brif {
  background: rgba(0, 87, 167, 0.2);
}

.pisos.mega .pisos__infos__box__text h5 {
  color: #1d609d;
}

.pisos.mega .pisos__banner__text::before {
  content: url("../assets/pages/pisos/mega/points-esq-top.svg");
}

@media screen and (max-width: 460px) {
  .pisos.mega .pisos__banner__text {
    margin: 0;
  }
}

.pisos.mega .pisos__banner__image::before {
  content: url("../assets/pages/pisos/mega/points-dir-top.svg");
  top: -88px;
}

.pisos.mega .pisos__banner__image::after {
  content: url("../assets/pages/pisos/mega/points-dir-bottom.svg");
  bottom: -24px;
}

.pisos.mega .pisos__banner__image__produto {
  margin-left: -80px;
}

@media screen and (max-width: 460px) {
  .pisos.mega .pisos__banner__image__produto {
    margin-top: -144px !important;
  }
}

.pisos.mega .pisos__banner__image__produto {
  max-width: 700px;
  margin-top: -240px;
}

@media screen and (max-width: 1440px) {
  .pisos.mega .pisos__banner__image__produto {
    margin-top: -200px;
  }
}

@media screen and (max-width: 460px) {
  .pisos.mega .pisos__banner__image__produto {
    margin-top: -128px;
    width: calc(100% + 32px);
    margin-left: -26px;
  }
}

.pisos.mega .pisos__destaque-produto {
  background: #1d609d;
}

.pisos.mega .pisos__destaque-produto__box__produto picture::before, .pisos.mega .pisos__destaque-produto__box__produto picture::after {
  content: url("../assets/pages/pisos/mega/points-produto-principal.svg");
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__destaque-produto__box__produto picture::before, .pisos.mega .pisos__destaque-produto__box__produto picture::after {
    content: url("../assets/pages/pisos/mega/points-produto-principal-mob.svg");
  }
}

.pisos.mega .pisos__detalhes .title-sec h5 {
  color: #1d609d;
}

.pisos.mega .pisos__detalhes__images::before {
  display: none;
}

.pisos.mega .pisos__ficha-tecnica__box__exps dt {
  background: #1d609d;
}

@media screen and (max-width: 460px) {
  .pisos.mega .pisos__ficha-tecnica__box__exps dt {
    background: #ffffff;
  }
  .pisos.mega .pisos__ficha-tecnica__box__exps dt.open {
    background: #1d609d;
  }
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__acessorios .swiper-slide:last-of-type section {
    background: #1d609d;
  }
}

.pisos.mega .pisos__acessorios .swiper-slide section {
  background: #1d609d;
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__acessorios .swiper-slide section {
    background: #72a0ca;
  }
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__acessorios .swiper-slide.swiper-slide-active section {
    background: #1d609d;
  }
}

.pisos.mega .pisos__produto-solo {
  margin: 96px 0 144px 0;
}

.pisos.mega .pisos__produto-solo img {
  max-width: 1100px;
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__produto-solo {
    margin: 0;
  }
}

.pisos.mega .pisos__produto-solo .container::before {
  content: url("../assets/pages/pisos/mega/points-produto.svg");
}

@media screen and (max-width: 460px) {
  .pisos.mega .pisos__produto-solo .container::before {
    content: url("../assets/pages/pisos/mega/points-produto-mob.svg");
  }
}

.pisos.mega .pisos__ficha-tecnica__box__exps table * {
  border: unset;
}

.pisos.mega .pisos__ficha-tecnica__box__exps table .title {
  width: 80%;
}

.pisos.mega .pisos__easy__box {
  background: #72a0ca;
}

@media screen and (max-width: 960px) {
  .pisos.mega .pisos__easy__box {
    background: #1d609d;
  }
}

.pisos.mega .destaque-blue__box {
  background: #1d609d;
}

.pisos.arena .brif {
  background: rgba(66, 232, 39, 0.2);
}

.pisos.arena .pisos__infos__box__text h5 {
  color: #68c659;
}

.pisos.arena .pisos__banner__text::before {
  content: url("../assets/pages/pisos/arena/points-esq-top.svg");
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__banner__text {
    margin: -24px 0 0 0;
  }
}

.pisos.arena .pisos__detalhes__images figure {
  max-width: 100%;
}

.pisos.arena .pisos__banner__image::before {
  content: url("../assets/pages/pisos/arena/points-dir-top.svg");
  top: -88px;
}

.pisos.arena .pisos__banner__image::after {
  content: url("../assets/pages/pisos/arena/points-dir-bottom.svg");
  bottom: 24px;
}

.pisos.arena .pisos__banner__image__produto {
  margin-left: -80px;
  min-width: 780px;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__banner__image__produto {
    min-width: unset;
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__banner__image__produto {
    margin-top: -120px !important;
  }
}

.pisos.arena .pisos__banner__image__produto {
  max-width: 700px;
  margin-top: -240px;
}

@media screen and (max-width: 1440px) {
  .pisos.arena .pisos__banner__image__produto {
    margin-top: -200px;
  }
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__banner__image__produto {
    margin-top: -128px;
    width: calc(100% + 32px);
    margin-left: -26px;
  }
}

.pisos.arena .pisos__destaque-produto {
  background: #68c659;
}

.pisos.arena .pisos__destaque-produto footer h4 {
  font-size: 23px;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__destaque-produto footer h4 {
    font-size: 18px;
  }
}

.pisos.arena .pisos__destaque-produto__box__produto {
  margin: -48px 0 80px 0;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__destaque-produto__box__produto {
    margin: -24px 0 40px 0;
  }
}

.pisos.arena .pisos__destaque-produto__box__produto picture::before {
  top: 245px;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__destaque-produto__box__produto picture::before {
    right: 0;
    left: unset;
  }
}

.pisos.arena .pisos__destaque-produto__box__produto picture::after {
  bottom: 200px;
  right: -8px;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__destaque-produto__box__produto picture::after {
    top: 72px;
    left: 0;
  }
}

.pisos.arena .pisos__destaque-produto__box__produto picture::before, .pisos.arena .pisos__destaque-produto__box__produto picture::after {
  content: url("../assets/pages/pisos/arena/points-produto-principal.svg");
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__destaque-produto__box__produto picture::before, .pisos.arena .pisos__destaque-produto__box__produto picture::after {
    content: url("../assets/pages/pisos/arena/points-produto-principal-mob.svg");
  }
}

.pisos.arena .pisos__detalhes {
  padding-bottom: 0;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__detalhes {
    padding-bottom: 40px;
  }
}

.pisos.arena .pisos__detalhes .title-sec h2 {
  max-width: 550px;
  width: 100%;
  margin: 0 auto 20px auto;
}

.pisos.arena .pisos__detalhes .title-sec h5 {
  color: #68c659;
}

.pisos.arena .pisos__detalhes .title-sec p {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__detalhes .title-sec * {
    max-width: 100% !important;
  }
}

.pisos.arena .pisos__detalhes__images figure {
  border-radius: 8px 8px 0 0;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__detalhes__images figure {
    overflow: initial;
  }
}

.pisos.arena .pisos__detalhes__images figure img {
  height: auto;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__detalhes__images figure img {
    width: calc(100% + 48px);
    margin: 0 0 0 -16px;
  }
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__detalhes__images figure {
    border-radius: 8px;
  }
}

.pisos.arena .pisos__detalhes__images::before {
  display: none;
}

.pisos.arena .pisos__ficha-tecnica__box__exps dt {
  background: #68c659;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__ficha-tecnica__box__exps dt {
    background: #ffffff;
  }
  .pisos.arena .pisos__ficha-tecnica__box__exps dt.open {
    background: #68c659;
  }
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__acessorios .swiper-slide:last-of-type section {
    background: #68c659;
  }
}

.pisos.arena .pisos__acessorios .swiper-slide section {
  background: #68c659;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__acessorios .swiper-slide section {
    background: #b7fba0;
  }
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__acessorios .swiper-slide.swiper-slide-active section {
    background: #68c659;
  }
}

.pisos.arena .pisos__produto-solo {
  margin: 96px 0 144px 0;
}

.pisos.arena .pisos__produto-solo img {
  max-width: 1100px;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__produto-solo {
    margin: 0;
  }
}

.pisos.arena .pisos__produto-solo .container::before {
  content: url("../assets/pages/pisos/arena/points-produto.svg");
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__produto-solo .container::before {
    content: url("../assets/pages/pisos/arena/points-produto-mob.svg");
  }
}

.pisos.arena .pisos__ficha-tecnica__box__exps table * {
  border: unset;
}

.pisos.arena .pisos__ficha-tecnica__box__exps table .title {
  width: 80%;
}

.pisos.arena .pisos__easy__box {
  background: linear-gradient(122.16deg, #78D16A 0%, rgba(163, 232, 152, 0) 100%), #81DA72;
}

.pisos.arena .destaque-blue__box {
  background: #68c659;
}

@media screen and (max-width: 460px) {
  .pisos.arena .pisos__infos--personalizacao .pisos__infos__box__text {
    margin: -40px 0 0 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__infos__box__text {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__infos--translucido .pisos__infos__box {
    background: #F5F5F7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pisos.arena .pisos__infos--translucido .pisos__infos__box__text {
  max-width: 375px;
}

.pisos.arena .pisos__infos--translucido .pisos__infos__box__image {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 960px) {
  .pisos.arena .pisos__infos--translucido .pisos__infos__box__image {
    margin: 0 0 24px 0;
  }
}

.pisos.ultra .brif {
  background: rgba(255, 122, 0, 0.2);
}

.pisos.ultra .pisos__infos__box__text h5 {
  color: #ff912c;
}

.pisos.ultra .pisos__banner__text::before {
  content: url("../assets/pages/pisos/ultra/points-esq-top.svg");
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__infos__box__text h5 {
    display: block;
    margin: 0 0 8px 0;
    padding: 0 16px;
  }

  .pisos.ultra .pisos__banner__text {
    margin: -16px 0 0 0;
  }
}

.pisos.ultra .pisos__detalhes__images figure {
  max-width: 100%;
}

.pisos.ultra .pisos__banner__image::before {
  content: url("../assets/pages/pisos/ultra/points-dir-top.svg");
  top: -88px;
}

.pisos.ultra .pisos__banner__image::after {
  content: url("../assets/pages/pisos/ultra/points-dir-bottom.svg");
  bottom: 24px;
}

.pisos.ultra .pisos__banner__image__produto {
  margin-left: -20px;
  min-width: 680px;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__banner__image__produto {
    min-width: unset;
    width: 100%;
  }
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__banner__image__produto {
    margin-top: -120px !important;
  }
}

.pisos.ultra .pisos__banner__image__produto {
  max-width: 700px;
  margin-top: -240px;
}

@media screen and (max-width: 1440px) {
  .pisos.ultra .pisos__banner__image__produto {
    margin-top: -200px;
  }
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__banner__image__produto {
    margin-top: -128px;
    width: calc(100% + 32px);
    margin-left: -26px;
  }
}

.pisos.ultra .pisos__destaque-produto {
  background: #ff912c;
}

.pisos.ultra .pisos__destaque-produto .title-sec p {
  max-width: 660px;
}

.pisos.ultra .pisos__destaque-produto .title-sec h2.mob {
  display: none;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__destaque-produto .title-sec h2.mob {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__destaque-produto .title-sec h2.desk {
    display: none;
  }
}

.pisos.ultra .pisos__destaque-produto footer h4 {
  font-size: 23px;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__destaque-produto footer h4 {
    font-size: 18px;
  }
}

.pisos.ultra .pisos__destaque-produto__box__produto {
  margin: 0;
}

.pisos.ultra .pisos__destaque-produto__box__produto picture::before {
  top: 112px;
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__destaque-produto__box__produto picture::before {
    right: 0;
    left: unset;
    top: 168px;
  }
}

.pisos.ultra .pisos__destaque-produto__box__produto picture::after {
  bottom: 180px;
  right: 64px;
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__destaque-produto__box__produto picture::after {
    top: 24px;
    left: 0;
  }
}

.pisos.ultra .pisos__destaque-produto__box__produto picture::before, .pisos.ultra .pisos__destaque-produto__box__produto picture::after {
  content: url("../assets/pages/pisos/ultra/points-produto-principal.svg");
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__destaque-produto__box__produto picture::before, .pisos.ultra .pisos__destaque-produto__box__produto picture::after {
    content: url("../assets/pages/pisos/ultra/points-produto-principal-mob.svg");
  }
}

.pisos.ultra .pisos__detalhes .title-sec h2 {
  max-width: 550px;
  width: 100%;
  line-height: 1.4;
  margin: 0 auto 20px auto;
}

.pisos.ultra .pisos__detalhes .title-sec h5 {
  color: #ff912c;
}

.pisos.ultra .pisos__detalhes .title-sec p {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__detalhes .title-sec * {
    max-width: 100% !important;
  }
}

.pisos.ultra .pisos__detalhes__images {
  margin: 32px 0 0 0;
}

/* .pisos.ultra .pisos__detalhes__images figure img {
  height: auto;
} */

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__detalhes__images figure img {
    width: calc(100% + 48px);
    margin: 0 0 0 -16px;
  }
}

.pisos.ultra .pisos__detalhes__images::before {
  display: none;
}

.pisos.ultra .pisos__ficha-tecnica__box__exps dt {
  background: #ff912c;
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__ficha-tecnica__box__exps dt {
    background: #ffffff;
  }
  .pisos.ultra .pisos__ficha-tecnica__box__exps dt.open {
    background: #ff912c;
  }
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__acessorios .swiper-slide:last-of-type section {
    background: #ff912c;
  }
}

.pisos.ultra .pisos__acessorios .swiper-slide section {
  background: #ff912c;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__acessorios .swiper-slide section {
    background: #ffb673;
  }
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__acessorios .swiper-slide.swiper-slide-active section {
    background: #ff912c;
  }
}

.pisos.ultra .pisos__produto-solo {
  margin: 96px 0 144px 0;
}

.pisos.ultra .pisos__produto-solo img {
  max-width: 1100px;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__produto-solo {
    margin: 0;
  }
}

.pisos.ultra .pisos__produto-solo .container::before {
  content: url("../assets/pages/pisos/arena/points-produto.svg");
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__produto-solo .container::before {
    content: url("../assets/pages/pisos/arena/points-produto-mob.svg");
  }
}

.pisos.ultra .pisos__ficha-tecnica__box__exps table * {
  border: unset;
}

.pisos.ultra .pisos__ficha-tecnica__box__exps table .title {
  width: 80%;
}

.pisos.ultra .pisos__easy__box {
  /* background: #ffb673; */
  background: url(../assets/pages/pisos/ultra/bg-easy.jpg) center / cover no-repeat;
}

.pisos.ultra .pisos__easy__box tr {
  text-align: center;
}

.pisos.ultra .destaque-blue__box {
  background: #ff912c;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos {
    padding: 0 24px;
  }

  .pisos.ultra .pisos__infos__box {
    border-radius: 16px;
    padding: 24px 0;
  }
}

@media screen and (max-width: 460px) {
  .pisos.ultra .pisos__infos--personalizacao .pisos__infos__box__text {
    margin: -40px 0 0 0;
  }
}

.pisos.ultra .pisos__infos--historico .pisos__infos__box {
  display: block;
}

.pisos.ultra .pisos__infos--historico .pisos__infos__box__text {
 max-width: 700px;
 margin: 0 0 40px 0;
}

.pisos.ultra .pisos__infos--historico .swiper-historico, .pisos.ultra .pisos__infos--historico .swiper-historico--thumbs {
  overflow: hidden;
}

.pisos.ultra .pisos__infos--historico .swiper-historico--thumbs {
  padding: 40px 80px 0 80px;
  position: relative;
}

.pisos.ultra .pisos__infos--historico .swiper-historico .swiper-slide {
  opacity: 0.4;
}

.pisos.ultra .pisos__infos--historico .swiper-historico .swiper-slide-active {
  opacity: 1;
}

.swiper-historico img, .swiper-historico--thumbs img {
  border-radius: 16px;
}

.pisos.ultra .pisos__infos--inovacao .pisos__infos__box {
  flex-wrap: wrap;
  gap: 54px;
  align-items: normal;
}

.pisos.ultra .pisos__infos--inovacao .pisos__infos__box > div:nth-child(1) {
  flex: 1;
}

.pisos.ultra .pisos__infos--inovacao .pisos__infos__box > div:nth-child(2) {
  flex: 2;
}

.pisos.ultra .pisos__infos--inovacao .pisos__infos__box__text {
  max-width: 460px;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--inovacao .pisos__infos__box > div:nth-child(2) {
    padding: 0 16px;
    max-width: 100%;
  }
  
  .pisos.ultra .pisos__infos--inovacao .pisos__infos__box {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.pisos.ultra .pisos__infos--inovacao .pisos__ficha-tecnica__box__exps {
  grid-template-columns: none;
  -ms-grid-columns: none;
  margin: 90px 0 0 0;
}

.pisos.ultra .pisos__infos--inovacao .pisos__ficha-tecnica__box__exps aside dl dd {
  background-color: #F5F5F7;
  border: 1px solid;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--inovacao .pisos__ficha-tecnica__box__exps {
    margin: 30px 0 0 0;
        padding: 0 16px;
  }

  .pisos.ultra .pisos__infos--inovacao .pisos__ficha-tecnica__box__exps aside dl dd {
    display: block;
  }
}

.pisos.ultra .pisos__infos--inovacao .banner__inovacao {
  margin-bottom: 22px;
}

.pisos.ultra .pisos__infos--solucao .swiper-so.pisos__infos--solucao--thumbs {
  overflow: hidden;
}

.pisos.ultra .pisos__infos--inovacao .pisos__inovacao__imagens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  gap: 0 32px;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--inovacao .pisos__inovacao__imagens {
    flex-direction: column;
    padding: 0 16px;
        gap: 16px;
  }
}

.pisos.ultra .pisos__infos--inovacao .pisos__inovacao__imagens figure {
  overflow: hidden;
  border-radius: 8px;
}

.pisos.ultra .pisos__infos--solucao .pisos__infos__box {
  gap: 60px;
  align-items: normal;
}

.pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text {
  max-width: 100%;
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  overflow: hidden;
}

.pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text > div:nth-child(1) {
  flex: 1.2;
}

.pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text > div:nth-child(1) img {
  margin: 0 auto;
}

.pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text > div:nth-child(2) {
  flex: 2;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text > div:nth-child(1),
  .pisos.ultra .pisos__infos--solucao .pisos__infos__box .pisos__infos__box__text > div:nth-child(2) {
    flex: auto;
  }
}

.pisos.ultra .pisos__infos--inovacao .swiper-inovacao, .pisos.ultra .pisos__infos--inovacao .swiper-inovacao--thumbs {
  max-width: 897px;
  overflow: hidden;
}

@media screen and (max-width: 1640px) { 
  .pisos.ultra .pisos__infos--inovacao .swiper-inovacao, .pisos.ultra .pisos__infos--inovacao .swiper-inovacao--thumbs {
    max-width: 760px
  }
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--inovacao .swiper-inovacao, .pisos.ultra .pisos__infos--inovacao .swiper-inovacao--thumbs {
    max-width: 440px;
  }
}

.pisos.ultra .pisos__infos--inovacao .swiper-inovacao--thumbs {
  margin-top: 23px;
}

.swiper-inovacao img, .swiper-inovacao--thumbs img {
  border-radius: 16px;
}

.pisos.ultra .pisos__infos--solucao .swiper-solucao {
  max-width: 440px;
  overflow: hidden;
}

.swiper-solucao img {
  border-radius: 16px;
}

.pisos.ultra .pisos__infos--solucao .swiper-solucao--thumbs {
  position: relative;
  overflow: hidden;
}

.swiper-solucao--thumbs img {
  border-radius: 16px;
}

.swiper-solucao--thumbs .swiper-slide-thumb-active img {
  border: 2px solid #FF912C;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--solucao .swiper-solucao--thumbs {
    display: none;
  }
}

.pisos.ultra .pisos__infos--videos .pisos__infos__box {
  gap: 100px;
  align-items: normal;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--videos .pisos__infos__box {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}

.pisos.ultra .pisos__infos--videos .pisos__infos__box__text {
  max-width: 920px;
}

.pisos.ultra .pisos__infos--videos .pisos__infos__box aside {
  margin: 0 20px;
}

.pisos.ultra .pisos__infos--videos .video-embed {
  margin: 25px 0 0 0;
}

@media (min-width: 961px) {

  .pisos.ultra .pisos__infos--videos .video-embed {
    margin: 100px 0 0 0;
    overflow: initial;
  }

  .pisos.ultra .pisos__infos--videos .video-embed::before {
    content: url("../assets/pages/pisos/ultra/patterns.png");
    position: absolute;
    right: 20px;
    top: -135px;
    z-index: 1;
  }
  
  .pisos.ultra .pisos__infos--videos .video-embed::after {
    content: url("../assets/pages/pisos/ultra/patterns.png");
    position: absolute;
    left: 20px;
    bottom: -55px;
  }
}

.pisos.ultra .pisos__infos--videos .video-shorts-embed {
  min-width: 435px;
  overflow: initial;
}

@media (max-width: 960px) {
  .pisos.ultra .pisos__infos--videos .video-shorts-embed {
    min-width: 100%;
  }
}

.pisos.ultra .pisos__infos--videos .video-shorts-embed::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: #ff912c;
  position: relative;
  top: -20px;
  left: -20px;
}

/* .pisos.ultra .pisos__aplicacoes__box__cards {
  padding: 0 200px;
}

@media screen and (max-width: 960px) {
  .pisos.ultra .pisos__aplicacoes__box__cards {
    padding: 0;
  }
}

@media screen and (min-width: 1800px) {
  .pisos.ultra .pisos__aplicacoes__box__cards {
    padding: 0 300px;
  }
} */

.contato__header {
  margin: 0 0 120px 0;
  background: #0072dc;
  padding: 56px 0;
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .contato__header {
    padding: 0;
    overflow: initial;
    background: #F5F5F7;
  }
}

@media screen and (max-width: 960px) {
  .contato__header {
    margin: 0 0 48px 0;
  }
}

.contato__header::after {
  content: url("../assets/icons/arroba.svg");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -144px;
}

@media screen and (max-width: 1640px) {
  .contato__header::after {
    right: -380px;
  }
}

@media screen and (max-width: 960px) {
  .contato__header::after {
    content: "";
    right: 0;
    top: 32px;
    -webkit-transform: unset;
            transform: unset;
    width: 230px;
    height: 230px;
    background: url("../assets/icons/arroba.svg") center/cover no-repeat;
    z-index: 9;
  }
}

@media screen and (max-width: 460px) {
  .contato__header::after {
    top: 20px;
    right: 0;
  }
}

.contato__header .container {
  max-width: 1240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .contato__header .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.contato__header__text {
  max-width: 500px;
  width: 100%;
  margin: 64px 120px 0 0;
  position: relative;
}

@media screen and (max-width: 960px) {
  .contato__header__text {
    margin: 0;
    padding: 32px 0 0 0;
    max-width: 100%;
    background: #0072dc;
    height: 270px;
  }
}

.contato__header__text h1 {
  color: #ffffff;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .contato__header__text h1 {
    font: 500 32px/36px "Red Hat Display", sans-serif;
    text-align: center;
  }
}

.contato__header__text p {
  color: #ffffff;
  margin: 16px 0 32px 0;
  opacity: .8;
  font: 400 22px/32px "Red Hat Display", sans-serif;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .contato__header__text p {
    margin-bottom: 0;
    text-align: center;
    padding: 0 20px;
    font: 400 16px/26px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 460px) {
  .contato__header__text p {
    text-align: left;
  }
}

.contato__header__text > img {
  min-width: 580px;
  width: 100%;
  position: relative;
  left: -32px;
}

@media screen and (max-width: 960px) {
  .contato__header__text > img {
    display: none;
  }
}

.contato__header__text a {
  position: absolute;
  left: 16px;
  top: 30px;
  display: none;
}

@media screen and (max-width: 960px) {
  .contato__header__text a {
    display: block;
  }
}

.contato__header__form {
  width: 100%;
  max-width: 500px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 44px 38px;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .contato__header__form {
    margin: -96px auto 0 auto;
    position: relative;
    width: calc(100% - 32px);
    z-index: 5;
    padding: 36px 20px;
  }
}

@media screen and (max-width: 460px) {
  .contato__header__form {
    margin: -96px 16px 0 16px;
  }
}

.mensagem-form {
  padding: 230px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1440px) {
  .mensagem-form {
    padding: 96px 0;
  }
}

.mensagem-form .container {
  padding-top: 64px;
  padding-bottom: 64px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.mensagem-form .container::before {
  content: url("../assets/pages/mensagem/patterns.svg");
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 1440px) {
  .mensagem-form .container::before {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
  }
}

@media screen and (max-width: 960px) {
  .mensagem-form .container::before {
    content: url("../assets/pages/mensagem/patterns-mob.svg");
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.mensagem-form .container * {
  text-align: center;
}

.mensagem-form .container img {
  max-width: 180px;
  margin: 0 auto;
}

@media screen and (max-width: 460px) {
  .mensagem-form .container img {
    max-width: 112px;
  }
}

.mensagem-form .container h1 {
  font: 500 42px/48px "Red Hat Display", sans-serif;
  margin: 48px 0 24px 0;
}

@media screen and (max-width: 460px) {
  .mensagem-form .container h1 {
    font-size: 32px;
    margin: 36px 0 10px 0;
  }
}

.mensagem-form .container p {
  font: 400 18px/28px "Red Hat Display", sans-serif;
  margin: 0 0 96px 0;
}

@media screen and (max-width: 1440px) {
  .mensagem-form .container p {
    margin: 0 0 64px 0;
  }
}

.mensagem-form .container .btn {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  width: 340px;
}

@media screen and (max-width: 460px) {
  .mensagem-form .container .btn {
    width: 100%;
  }
}

.blog__header {
  height: 285px;
  background: radial-gradient(147.03% 147.03% at 50% 50%, rgba(0, 114, 220, 0) 0%, #0072DC 100%), linear-gradient(122.16deg, rgba(56, 160, 255, 0.5) 0%, rgba(12, 106, 193, 0) 100%), linear-gradient(0deg, rgba(12, 106, 193, 0.5), rgba(12, 106, 193, 0.5)), url("../assets/pages/blog/banner.png") bottom/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .blog__header {
    height: 230px;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 32px 0 0 0;
  }
  .blog__header::before {
    content: url("../assets/pages/blog/patterns.svg");
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.blog__header * {
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 5;
}

.blog__header a {
  display: none;
  position: absolute;
  left: 20px;
  top: 44px;
}

@media screen and (max-width: 960px) {
  .blog__header a {
    display: block;
  }
}

.blog__header h1 {
  margin: 0 0 24px 0;
  font: 500 48px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .blog__header h1 {
    font: 500 32px/1 "Red Hat Display", sans-serif;
    margin: 0 0 32px 0;
  }
}

.blog__header p {
  font: 400 26px/32px "Red Hat Display", sans-serif;
  max-width: 370px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .blog__header p {
    font: 400 16px/25px "Red Hat Display", sans-serif;
    text-align: left;
    padding: 0 20px;
  }
}

.blog .container {
  max-width: calc(1320px + 64px);
}

.blog__big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 72px 0 40px 0;
}

@media screen and (max-width: 960px) {
  .blog__big {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0;
  }
}

.blog__big:hover h3 {
  color: #0072dc;
}

.blog__big:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.blog__big * {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.blog__big figure {
  overflow: hidden;
  border-radius: 16px;
  width: 100%;
}

.blog__big figure img {
  height: 460px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 960px) {
  .blog__big figure img {
    height: 200px;
  }
}

.blog__big aside {
  max-width: 400px;
  width: 100%;
  margin: 0 0 0 40px;
}

@media screen and (max-width: 960px) {
  .blog__big aside {
    margin: 16px 0 0 0;
    max-width: 100%;
  }
}

.blog__big aside h3 {
  font: 500 40px/46px "Red Hat Display", sans-serif;
  margin: 0 0 12px 0;
}

@media screen and (max-width: 960px) {
  .blog__big aside h3 {
    font: 500 24px/1.3 "Red Hat Display", sans-serif;
    margin: 0 0 8px 0;
  }
}

.blog__big aside p {
  font: 400 17px/26px "Red Hat Display", sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 960px) {
  .blog__big aside p {
    font: 400 15px/24px "Red Hat Display", sans-serif;
  }
}

.blog__lista {
  padding: 0 0 64px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

@media screen and (max-width: 960px) {
  .blog__lista {
    display: block;
    padding: 0 0 40px 0;
  }
  .blog__lista .blog__card-artigo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blog__lista .blog__card-artigo figure {
    margin: 0 12px 0 0;
  }
  .blog__lista .blog__card-artigo figure img {
    width: 240px;
    height: 128px;
  }
  .blog__lista .blog__card-artigo h3 {
    font: 700 17px/1.3 "Red Hat Display", sans-serif;
    margin: 0 0 5px 0;
  }
  .blog__lista .blog__card-artigo p {
    font: 400 14px/19px "Red Hat Display", sans-serif;
  }
}

.blog__card-artigo * {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.blog__card-artigo:hover h3 {
  color: #0072dc;
}

.blog__card-artigo:hover img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.blog__card-artigo figure {
  border-radius: 16px;
  overflow: hidden;
}

.blog__card-artigo figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 400px;
}

.blog__card-artigo aside {
  width: 100%;
}

.blog__card-artigo aside h3 {
  font: 500 24px/32px "Red Hat Display", sans-serif;
  margin: 24px 0 12px 0;
}

.blog__card-artigo aside p {
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 960px) {
  .blog__card-artigo {
    width: 100%;
    display: block;
  }
  .blog__card-artigo:not(:last-of-type) {
    margin: 0 0 32px 0;
  }
}

.blog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 40px 0;
  /* display: none; */
}

@media screen and (max-width: 960px) {
  .blog__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.blog__pagination__prev, .blog__pagination__next {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #c4c4c4;
}

.blog__pagination__prev.active, .blog__pagination__next.active {
  border-color: #0072dc;
}

.blog__pagination__prev.active svg path, .blog__pagination__next.active svg path {
  fill: #0072dc;
}

.blog__pagination__next svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.blog__pagination__bullets {
  margin: 0 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__pagination__bullets a {
  width: 4px;
  border-radius: 1000px;
  height: 4px;
  background: #C4C4C4;
}

.blog__pagination__bullets a:not(:last-of-type) {
  margin: 0 10px 0 0;
}

.blog__pagination__bullets a.active {
  background: #0072dc;
}

.blog__artigo {
  padding: 80px 0;
}

@media screen and (max-width: 960px) {
  .blog__artigo {
    padding: 32px 0 88px 0;
  }

  .blog__artigo .share {
    float: right;
  }
}

.blog__artigo .container {
  position: relative;
  max-width: 1080px;
}

/* .blog__artigo__content *:not(img) {
  padding: 0 120px;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content *:not(img) {
    padding: 0;
  }
} */

.blog__artigo__content aside {
  padding: 0 120px;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content aside {
    padding: 0;
  }
}

.blog__artigo__content h1 {
  font: 500 48px/58px "Red Hat Display", sans-serif;
  margin: 0 0 48px 0;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content h1 {
    font: 500 26px/32px "Red Hat Display", sans-serif;
    margin: 0 0 24px 0;
  }
}

.blog__artigo__content h5,
.blog__artigo__content h4,
.blog__artigo__content h3,
.blog__artigo__content h2,
.blog__artigo__content p,
.blog__artigo__content li {
  color: #5E5E5E;
  font: 400 17px/28px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content h5,
  .blog__artigo__content h4,
  .blog__artigo__content h3,
  .blog__artigo__content h2,
  .blog__artigo__content p,
  .blog__artigo__content li {
    font: 400 16px/25px "Red Hat Display", sans-serif;
  }
}

.blog__artigo__content h5 {
  margin: 0 0 2px 0;
}

.blog__artigo__content p {
  margin: 0 0 32px 0;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content p {
    margin: 0 0 16px 0;
  }
}

.blog__artigo__content ul {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

.blog__artigo__content ul li {
  list-style-type: initial;
  color: #5E5E5E;
}

.blog__artigo__content img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 0 0 56px 0;
}

@media screen and (max-width: 960px) {
  .blog__artigo__content img {
    margin: 0 0 24px 0;
  }
}

.blog__artigo__back {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 24px 0;
}

@media screen and (max-width: 960px) {
  .blog__artigo__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
  }
}

.blog__artigo__back img {
  margin: 0 12px 0;
}

.blog__artigo__back span {
  font: 500 16px/1 "Red Hat Display", sans-serif;
}

.blog__relacionados {
  background: #ffffff;
  padding: 40px 0 64px 0;
}

@media screen and (max-width: 960px) {
  .blog__relacionados {
    padding: 48px 0 56px 0;
  }
}

.blog__relacionados h4 {
  margin: 0 0 24px 0;
  font: 500 24px/32px "Red Hat Display", sans-serif;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .blog__relacionados h4 {
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 16px 0;
    font: 500 15px/1 "Red Hat Display", sans-serif;
    padding: 0 20px;
  }
}

.blog__relacionados .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .blog__relacionados .container {
    overflow-x: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .blog__relacionados .container::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .blog__relacionados .container .blog__card-artigo {
    min-width: 240px;
  }
  .blog__relacionados .container .blog__card-artigo h3 {
    font-size: 17px;
    margin: 16px 0 10px 0;
    line-height: 1.3;
  }
}

.blog__relacionados .container .blog__card-artigo:not(:last-of-type) {
  margin: 0 16px 0 0;
}

.blog__relacionados .container .blog__card-artigo figure img {
  height: 250px;
}

@media screen and (max-width: 960px) {
  .blog__relacionados .container .blog__card-artigo figure img {
    height: 160px;
  }
}

@media screen and (max-width: 960px) {
  .faq {
    overflow-x: hidden;
  }
}

.faq__header {
  background: #0072dc;
  position: relative;
  padding: 96px 0 72px 0;
}

@media screen and (max-width: 460px) {
  .faq__header {
    padding: 48px 0 40px 0;
  }
}

.faq__header::after {
  content: url("../assets/pages/faq/ask.svg");
  position: absolute;
  top: 8px;
  right: -168px;
  z-index: 5;
}

@media screen and (max-width: 460px) {
  .faq__header::after {
    content: "";
    width: 178px;
    height: 262px;
    background: url("../assets/pages/faq/ask.svg") center/cover no-repeat;
    right: -56px;
  }
}

.faq__header * {
  text-align: center;
  color: #ffffff;
}

.faq__header .container h1 {
  font: 500 48px/58px "Red Hat Display", sans-serif;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 460px) {
  .faq__header .container h1 {
    font: 500 28px/42px "Red Hat Display", sans-serif;
    margin: 0 0 6px 0;
  }
}

.faq__header .container p {
  font: 300 20px/30px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .faq__header .container p {
    font: 300 16px/26px "Red Hat Display", sans-serif;
  }
}

.faq__exps {
  position: relative;
  padding: 0 0 168px 0;
}

@media screen and (max-width: 960px) {
  .faq__exps {
    padding: 0 0 64px 0;
  }
}

.faq__exps::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  background: #0072dc;
  z-index: 1;
  height: 360px;
}

@media screen and (max-width: 460px) {
  .faq__exps::before {
    height: 104px;
  }
}

.faq__exps .container {
  position: relative;
  z-index: 5;
  max-width: 1280px;
}

.faq__exps .container dl {
  margin: 0 0 22px 0;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl {
    margin: 0 0 16px 0;
  }
}

.faq__exps .container dl dt {
  border-radius: 8px;
  background: #ffffff;
  padding: 20px 25px;
  position: relative;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  cursor: pointer;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dt {
    padding: 18px 48px 18px 20px;
  }
}

.faq__exps .container dl dt * {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.faq__exps .container dl dt.open {
  background: #4FB9F6;
}

.faq__exps .container dl dt.open span {
  color: #ffffff;
}

.faq__exps .container dl dt.open svg {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.faq__exps .container dl dt.open svg path {
  stroke: #ffffff;
}

.faq__exps .container dl dt span {
  color: #272727;
  font: 500 17px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dt span {
    font-size: 15px;
  }
}

.faq__exps .container dl dt svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 56px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dt svg {
    right: 20px;
  }
}

.faq__exps .container dl dd {
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 400ms ease-out;
  transition: 400ms ease-out;
}

.faq__exps .container dl dd.open {
  margin: -12px 0 0 0;
  padding: 64px 0 72px 0;
  overflow: initial;
  max-height: 50rem;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dd.open {
    padding: 40px 0 32px 0;
  }
}

.faq__exps .container dl dd img,
.faq__exps .container dl dd svg {
  display: block;
  margin: 0 auto 32px auto;
  max-width: 300px;
  width: 100%;
}

.faq__exps .container dl dd p {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  font: 300 16px/25px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dd p {
    padding: 0 20px;
  }
}

@media screen and (max-width: 460px) {
  .faq__exps .container dl dd div {
    overflow-x: auto;
    padding: 0 20px;
    margin: 0 20px 0 0;
  }
  .faq__exps .container dl dd div::-webkit-scrollbar {
    display: none;
  }
}

.faq__exps .container dl dd div table {
  margin: 32px auto 0 auto;
}

.faq__exps .container dl dd div table * {
  font-size: 15px;
  text-align: center;
  border: 1px solid #f1f1f1;
  padding: 8px 24px;
}

.fazemos__banner {
  margin: 80px 0 120px 0;
  position: relative;
}

/* .fazemos__banner::before {
  content: url("../assets/pages/fazemos/points_white.svg");
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
} */

@media screen and (max-width: 960px) {
  .fazemos__banner {
    margin: 0 0 24px 0;
  }
}

.fazemos__banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.fazemos__banner .container::before, .fazemos__banner .container::after {
  position: absolute;
  left: 0;
  z-index: 1;
  left: 64px;
}

@media screen and (max-width: 1440px) {
  .fazemos__banner .container::before, .fazemos__banner .container::after {
    left: 24px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__banner .container::before, .fazemos__banner .container::after {
    display: none;
  }
}

.fazemos__banner .container::before {
  content: url("../assets/pages/aplicacoes/points-top-esq.png");
  top: -32px;
}

.fazemos__banner .container::after {
  content: url("../assets/pages/aplicacoes/points-bottom-esq.png");
  bottom: -38px;
}

@media screen and (max-width: 960px) {
  .fazemos__banner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.fazemos__banner__text {
  margin: 0 80px 0 0;
  width: 100%;
  max-width: 360px;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text {
    max-width: 100%;
    margin: 0;
    z-index: 9;
  }
}

.fazemos__banner__text .voltar {
  display: none;
  position: absolute;
  left: 16px;
  top: 36px;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text .voltar {
    display: block;
  }
}

.fazemos__banner__text .btn {
  margin: 48px 0 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text .btn {
    display: block;
    margin: 0;
    background: #ffffff;
    color: #272727;
    position: absolute;
    bottom: 30px;
    left: 16px;
    width: calc(100% - 32px);
  }
}

.fazemos__banner__text h5 {
  color: #0072dc;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text h5 {
    display: none;
  }
}

.fazemos__banner__text h1 {
  margin: 12px 0 16px 0;
}

@media screen and (max-width: 1440px) {
  .fazemos__banner__text h1 {
    font-size: 48px;
    margin: 8px 0 12px 0;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text h1 {
    font: 500 28px/1 "Red Hat Display", sans-serif;
    letter-spacing: 0.16px;
    margin: 0;
    text-align: center;
    width: 100%;
    color: #ffffff;
    top: 24px;
    left: 0;
    position: absolute;
  }
}

.fazemos__banner__text p {
  color: #5e5e5e;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__text p {
    font: normal 24px/32px "Red Hat Display", sans-serif;
    letter-spacing: 0.36px;
    color: #ffffff;
    position: absolute;
    left: 16px;
    width: calc(100% - 32px);
    bottom: 100px;
  }
}

.fazemos__banner__image {
  position: relative;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__image {
    width: calc(100% + 32px);
    z-index: 1;
  }
}

.fazemos__banner__image::before, .fazemos__banner__image::after {
  position: absolute;
  z-index: 1;
  right: -8px;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__image::before, .fazemos__banner__image::after {
    display: none;
  }
}

.fazemos__banner__image::before {
  content: url("../assets/pages/aplicacoes/points-top-dir.png");
  top: -32px;
}

.fazemos__banner__image::after {
  content: url("../assets/pages/aplicacoes/points-bottom-dir.png");
  bottom: -38px;
}

.fazemos__banner__image picture {
  display: block;
  position: relative;
  z-index: 5;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__image picture {
    border-radius: 0 0 12px 12px;
  }
}

.fazemos__banner__image picture::before {
  content: "";
  /* background: -webkit-gradient(linear, left bottom, left top, from(#1385D8), color-stop(0.01%, #1174BC), color-stop(96.87%, rgba(211, 230, 244, 0)));
  background: linear-gradient(0deg, #1385D8 0%, #1174BC 0.01%, rgba(211, 230, 244, 0) 96.87%); */
  background: -webkit-gradient(linear, left bottom, left top, from(#020C13), color-stop(96.87%, rgba(0, 25, 43, 0)));
  background: linear-gradient(0deg, #020C13 0%, rgba(0, 25, 43, 0) 96.87%);
  opacity: 0;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  width: 100%;
  z-index: 5;
}

@media screen and (max-width: 1440px) {
  .fazemos__banner__image picture::before {
    /* background: -webkit-gradient(linear, left bottom, left top, from(#041521), color-stop(96.87%, rgba(0, 25, 43, 0)));
    background: linear-gradient(0deg, #041521 0%, rgba(0, 25, 43, 0) 96.87%); */
    background: -webkit-gradient(linear, left bottom, left top, from(#020C13), color-stop(96.87%, rgba(0, 25, 43, 0)));
    background: linear-gradient(0deg, #020C13 0%, rgba(0, 25, 43, 0) 96.87%);
    opacity: 0.6;
  }
}

.fazemos__banner__image picture::after {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(#020C13), color-stop(96.87%, rgba(0, 25, 43, 0)));
  background: linear-gradient(0deg, #020C13 0%, rgba(0, 25, 43, 0) 96.87%);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 320px;
  width: 100%;
  z-index: 5;
  display: none;
}

@media screen and (max-width: 960px) {
  .fazemos__banner__image picture::after {
    display: block;
  }
}

.fazemos__banner__image picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 640px;
  max-width: 900px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .fazemos__banner__image picture img {
    height: 580px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__banner__image picture img {
    height: 640px;
  }
}

.fazemos__box-info {
  margin: 0 0 80px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.no-full article {
    border-radius: 8px;
    padding: 12px 16px 28px 16px;
    margin: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fazemos__box-info.no-full article .fazemos__box-info__text {
    margin: 0 0 24px 0;
  }
  .fazemos__box-info.no-full article .fazemos__box-info__image {
    margin: 0 auto 0 -16px;
    width: calc(100% + 32px);
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.mosaico article {
    margin: 0;
    padding: 0;
    background: unset;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fazemos__box-info.mosaico article .fazemos__box-info__text {
    max-width: 100%;
    border-radius: 8px;
    background: #ffffff;
    margin: 0 0 24px 0;
    padding: 32px 16px;
  }
  .fazemos__box-info.mosaico article .fazemos__box-info__text h2 {
    margin: 0 0 16px 0;
  }
  .fazemos__box-info.mosaico article .fazemos__box-info__image {
    border-radius: 0;
  }
}

.fazemos__box-info.big.numbers article {
  padding-top: 96px;
  padding-bottom: 96px;
  display: block;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.big.numbers article {
    background: unset;
    padding-top: 16px;
    padding-bottom: 32px;
  }
}

.fazemos__box-info.big.numbers article .fazemos__box-info__text {
  max-width: 500px;
  margin: 0 0 56px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.big.numbers article .fazemos__box-info__text {
    margin: 0 0 32px 0;
  }
}

.fazemos__box-info.big article {
  padding: 128px 190px;
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info.big article {
    padding: 64px 88px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.big article {
    padding: 16px 16px 32px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.fazemos__box-info.big2 article {
  padding: 128px 128px 128px 190px;
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info.big2 article {
    padding: 64px 88px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info.big2 article {
    padding: 0 16px 32px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: unset;
  }
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info {
    margin: 0 0 32px 0;
  }
}

.fazemos__box-info article {
  padding: 88px 120px;
  border-radius: 16px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info article {
    padding: 64px 88px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info article {
    border-radius: 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 56px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.fazemos__box-info__text {
  max-width: 380px;
  width: 100%;
  margin: 0 128px 0 0;
}

.fazemos__box-info__text.como__locacao {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__text {
    margin: 0;
  }
}

.fazemos__box-info__text h4 {
  color: #0072dc;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__text h4 {
    display: none;
  }
}

.fazemos__box-info__text h2 {
  margin: 22px 0 16px 0;
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info__text h2 {
    font: 500 36px/44px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__text h2 {
    font: 500 26px/32px "Red Hat Display", sans-serif;
    margin: 20px 0 12px 0;
  }
  .fazemos__box-info__text h2 .brif {
    background: unset;
  }
}

.fazemos__box-info__text p:not(:last-of-type) {
  margin: 0 0 24px 0;
}

.fazemos__box-info__image {
  display: block;
  width: 100%;
  max-width: 740px;
}

.fazemos__box-info__image.como__locacao {
   max-width: 840px;
}

@media screen and (max-width: 1440px) {
  .fazemos__box-info__image {
    max-width: 560px;
  }

  .fazemos__box-info__image.como__locacao {
    max-width: 660px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__image {
    border-radius: 8px;
  }
}

.fazemos__box-info__image img {
  width: 100%;
}

.fazemos__box-info__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards {
    display: block;
  }
}

.fazemos__box-info__cards aside {
  width: 100%;
  max-width: 260px;
  position: relative;
}

.fazemos__box-info__cards aside:last-of-type {
  margin: 0 0 0 16px;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards aside:last-of-type {
    margin: 64px 0 0 0;
  }
}

.fazemos__box-info__cards aside:last-of-type section {
  background: #1d609d;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards aside:last-of-type section {
    background: #4fb9f6;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards aside {
    margin: 64px 0 0 0;
    max-width: unset;
  }
}

.fazemos__box-info__cards aside:hover img {
  -webkit-transform: translate(-50%, -35%) scale(1.04);
          transform: translate(-50%, -35%) scale(1.04);
}

.fazemos__box-info__cards aside img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  z-index: 1;
  max-width: 280px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__cards aside img {
    max-width: 220px;
  }
}

.fazemos__box-info__cards aside section {
  padding: 120px 20px 20px 20px;
  min-height: 305px;
  border-radius: 8px;
  background: #0072dc;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.fazemos__box-info__cards aside section::before {
  content: url("../assets/pages/fazemos/personalizacao/points-card.svg");
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__cards aside section::before {
    content: url("../assets/pages/fazemos/personalizacao/points-card-mob.svg");
  }
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards aside section {
    padding-top: 96px;
    padding-bottom: 8px;
    min-height: unset;
  }
}

.fazemos__box-info__cards aside section h4 {
  color: #ffffff;
}

.fazemos__box-info__cards aside section p {
  margin: 8px 0 16px 0;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__cards aside section p {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.fazemos__box-info__cards aside section a {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 500 14px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__cards aside section a {
    display: none;
  }
}

.fazemos__box-info__cards aside section a::before {
  content: url("../assets/icons/plus-white.svg");
  margin: 0 10px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__mosaico {
    margin: 32px 0 0 0;
  }
}

.fazemos__box-info__mosaico img {
  width: 100%;
}

.fazemos__box-info__mosaico > img {
  width: 100%;
  height: 300px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__mosaico > img {
    height: 170px;
  }
}

.fazemos__box-info__mosaico footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__mosaico footer {
    display: block;
  }
}

.fazemos__box-info__mosaico footer aside {
  width: 100%;
}

.fazemos__box-info__mosaico footer aside:first-of-type {
  margin: 0 20px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__mosaico footer aside:first-of-type {
    margin: 0;
  }
}

.fazemos__box-info__mosaico footer aside img {
  border-radius: 8px;
  margin: 12px 0 0 0;
}

.fazemos__box-info__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__numbers {
    display: block;
  }
}

.fazemos__box-info__numbers aside {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__numbers aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.fazemos__box-info__numbers aside:not(:last-of-type) {
  margin: 0 16px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__box-info__numbers aside:not(:last-of-type) {
    margin: 0 0 28px 0;
  }
}

.fazemos__box-info__numbers aside img {
  margin: 0 0 16px 0;
  border-radius: 8px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__numbers aside img {
    margin: 0 12px 0 0;
    height: 136px;
    width: 128px;
  }
}

.fazemos__box-info__numbers aside div h3 {
  font: 500 26px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__numbers aside div h3 {
    font: 500 18px/1 "Red Hat Display", sans-serif;
  }
}

.fazemos__box-info__numbers aside div h5 {
  margin: 8px 0;
  font: 500 17px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__numbers aside div h5 {
    font: 500 14px/1 "Red Hat Display", sans-serif;
    margin: 4px 0;
    color: #5E5E5E;
  }
}

.fazemos__box-info__numbers aside div p {
  font-size: 14px;
}

@media screen and (max-width: 460px) {
  .fazemos__box-info__numbers aside div p {
    color: #5E5E5E;
  }
}

.fazemos__pisos {
  margin: 88px 0 calc(180px + 96px) 0;
}

@media screen and (max-width: 960px) {
  .fazemos__pisos {
    margin: 32px 0;
  }
}

.fazemos__pisos .container > section {
  background: #ffffff;
  padding: 72px 0 0 0;
  border-radius: 16px;
}

@media screen and (max-width: 960px) {
  .fazemos__pisos .container > section {
    padding: 36px 16px 0 16px;
    border-radius: 8;
  }
}

.fazemos__pisos .title-sec {
  margin: 0 0 80px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__pisos .title-sec {
    margin: 0;
  }
}

.fazemos__pisos .title-sec p {
  color: #989898;
  max-width: 100%;
}

.fazemos__pisos .title-sec p strong {
  font-weight: 500;
  display: block;
}

@media screen and (max-width: 460px) {
  .fazemos__pisos .swiper-container {
    width: calc(100% + 32px);
  }
}

@media screen and (max-width: 960px) {
  .fazemos__pisos .swiper-container .swiper-wrapper {
    padding: 64px 0 56px 0;
  }
}

@media screen and (min-width: 960px) {
  .fazemos__pisos .swiper-container {
    overflow: initial;
    margin: 0;
  }
  .fazemos__pisos .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: unset;
            transform: unset;
    height: unset;
  }
  .fazemos__pisos .swiper-container .swiper-wrapper .swiper-slide {
    height: auto;
    -ms-flex-negative: unset;
        flex-shrink: unset;
    width: auto;
  }
}

.fazemos__pisos__card {
  margin: 0 30px -180px 30px;
  width: 100%;
  max-width: 260px;
  position: relative;
  -webkit-box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
          box-shadow: 4px 12px 64px rgba(0, 0, 0, 0.16);
}

@media screen and (max-width: 960px) {
  .fazemos__pisos__card {
    margin: 0;
    max-width: unset;
  }
}

.fazemos__pisos__card:hover .fazemos__pisos__card__image {
  -webkit-transform: translate(-50%, -35%) scale(1.04);
          transform: translate(-50%, -35%) scale(1.04);
}

.fazemos__pisos__card--pixel section {
  background: #0072dc;
}

.fazemos__pisos__card--mega section {
  background: #1d609d;
}

.fazemos__pisos__card--ultra section {
  background: #ff912c;
}

.fazemos__pisos__card--arena section {
  background: #68c659;
}

.fazemos__pisos__card__image {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  z-index: 1;
  min-width: 340px;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 460px) {
  .fazemos__pisos__card__image {
    max-width: 290px;
    min-width: unset;
  }
}

.fazemos__pisos__card section {
  padding: 128px 20px 20px 20px;
  min-height: 352px;
  border-radius: 8px;
}

@media screen and (max-width: 460px) {
  .fazemos__pisos__card section {
    padding-top: 112px;
    min-height: 324px;
    padding-bottom: 8px;
  }
}

.fazemos__pisos__card__logo {
  display: block;
  max-width: 112px;
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 960px) {
  .fazemos__pisos__card__logo {
    max-width: 88px;
  }
}

.fazemos__pisos__card__logo img {
  width: 100%;
}

.fazemos__pisos__card__description {
  margin: 16px 0 28px 0;
  color: #ffffff;
  font-size: 15px;
}

@media screen and (max-width: 960px) {
  .fazemos__pisos__card__description {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 460px) {
  .fazemos__pisos__card__description {
    min-height: 120px;
    margin-bottom: 8px;
  }
}

.fazemos__pisos__card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.fazemos__pisos__card__link:hover {
  opacity: .8;
}

.fazemos__pisos__card__link::before {
  content: url("../assets/icons/plus-white.svg");
  margin: 5px 8px 0 0;
}

.fazemos__areas {
  padding: 112px 0 80px 0;
  margin: 0 0 80px 0;
  background: #eeeef0;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .fazemos__areas {
    padding: 0;
    background: unset;
    margin: 48px 0;
  }
}

.fazemos__areas .container {
  max-width: 1400px;
}

.fazemos__areas .container .title-sec {
  max-width: 620px;
  width: 100%;
  margin: 0 auto 40px auto;
}

@media screen and (max-width: 960px) {
  .fazemos__areas .container .title-sec {
    margin: 0 0 20px 0;
  }
}

.fazemos__areas .container > h6 {
  color: #989898;
  font: 200 11px/1.5 "Red Hat Display", sans-serif;
  display: none;
  margin: 20px 0 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__areas .container > h6 {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__areas .container::before {
    content: url("../assets/pages/fazemos/locacao/points-areas.svg");
    display: block;
    margin: 0 0 40px 0;
  }
}

.fazemos__areas section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .fazemos__areas section {
    display: block;
  }
}

.fazemos__areas section aside {
  width: 100%;
  background: #ffffff;
  padding: 36px 16px 18px 16px;
  border-radius: 7px;
}

.fazemos__areas section aside:not(:last-of-type) {
  margin: 0 16px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__areas section aside:not(:last-of-type) {
    margin: 0 0 20px 0;
  }
}

.fazemos__areas section aside h3 {
  font: 500 22px/32px "Red Hat Display", sans-serif;
}

.fazemos__areas section aside p {
  font-size: 15px;
  margin: 4px 0 16px 0;
}

.fazemos__areas section aside ul {
  border-radius: 8px;
  padding: 16px 0 16px 16px;
}

.fazemos__areas section aside ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fazemos__areas section aside ul li:not(:last-of-type) {
  margin: 0 0 20px 0;
}

.fazemos__areas section aside ul li span {
  color: #ffffff;
  font: 300 13px/1 "Red Hat Display", sans-serif;
  display: block;
}

.fazemos__areas section aside ul li span strong {
  color: #ffffff;
  font-weight: 500;
}

.fazemos__areas section aside ul li span:nth-of-type(2) {
  width: 50px;
}

.fazemos__areas section aside ul li span:not(:last-of-type) {
  margin: 0 26px 0 0;
}

.fazemos__areas__pixel ul {
  background: #0072dc;
}

.fazemos__areas__mega ul {
  background: #1d609d;
}

.fazemos__areas__arena ul {
  background: #68c659;
}

.fazemos__areas__ultra ul {
  background: #ff912c;
}

.fazemos__text {
  margin: 64px 0 128px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__text {
    margin: 0 0 40px 0;
  }
}

.fazemos__text .container {
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.fazemos__text .container h2 {
  max-width: 360px;
  width: 100%;
  margin: 0 48px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__text .container h2 {
    display: none;
  }
}

.fazemos__text .container aside {
  max-width: 800px;
  width: 100%;
}

.fazemos__text .container aside p {
  line-height: 1.4;
}

.fazemos__text .container aside p:first-of-type {
  margin: 0 0 24px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__text .container aside p {
    font-size: 16px;
  }
}

.fazemos__exclusividade__box {
  background: #ffffff;
  border-radius: 16px;
  padding: 96px 220px 48px 220px;
}

@media screen and (max-width: 1440px) {
  .fazemos__exclusividade__box {
    padding: 80px 144px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 36px 16px;
    border-radius: 0;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box .title-sec h5 {
    display: none;
  }
}

.fazemos__exclusividade__box section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px 0 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box section {
    display: block;
    margin: 32px 0 0 0;
  }
}

.fazemos__exclusividade__box section aside {
  width: calc(50% - 8px);
  margin-bottom: 40px;
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box section aside {
    width: 100%;
    margin-bottom: 0;
  }
  .fazemos__exclusividade__box section aside:not(:last-of-type) {
    margin-bottom: 32px;
  }
}

.fazemos__exclusividade__box section aside:nth-child(odd) {
  margin-right: 16px;
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box section aside:nth-child(odd) {
    margin-right: 0;
  }
}

.fazemos__exclusividade__box section aside img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 280px;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box section aside img {
    height: 200px;
  }
}

.fazemos__exclusividade__box section aside h4 {
  margin: 20px 0 8px 0;
  font: 500 24px/32px "Red Hat Display", sans-serif;
}

.fazemos__exclusividade__box section aside h4 .brif {
  line-height: unset;
  background: unset;
}

@media screen and (max-width: 960px) {
  .fazemos__exclusividade__box section aside h4 .brif {
    background: rgba(0, 133, 255, 0.16);
  }
}

.fazemos__transporte__box {
  background: #ffffff;
  border-radius: 16px;
  padding: 72px 220px;
}

@media screen and (max-width: 1440px) {
  .fazemos__transporte__box {
    padding: 80px 144px;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__transporte__box {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 36px 16px;
    border-radius: 0;
  }
}

.fazemos__transporte__box section {
  margin: 48px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 960px) {
  .fazemos__transporte__box section {
    margin: 32px 0 0 0;
    display: block;
  }
}

.fazemos__transporte__box section aside:not(:last-of-type) {
  margin: 0 16px 0 0;
}

@media screen and (max-width: 960px) {
  .fazemos__transporte__box section aside {
    max-width: 327px;
    margin: 0 auto !important;
    margin-bottom: 32px !important;
  }

  .fazemos__transporte__box section aside:last-of-type {
    margin-bottom: 0 !important;
  }
}

.fazemos__transporte__box section aside h5 {
  margin: 20px 0 8px 0;
  font: 500 21px/29px "Red Hat Display", sans-serif;
}

.fazemos__transporte__box section aside p {
  font: 400 14px/21px "Red Hat Display", sans-serif;
}

.fazemos__sem-fronteiras {
  background: #eeeef0;
  margin: 72px 0 0 0;
  padding: 96px 0;
}

@media screen and (max-width: 960px) {
  .fazemos__sem-fronteiras {
    padding: 48px 0;
    margin: 0;
  }
}

.fazemos__sem-fronteiras .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .fazemos__sem-fronteiras .container {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .fazemos__sem-fronteiras .container > .fazemos__sem-fronteiras__image {
    display: none;
  }
}

.fazemos__sem-fronteiras__text {
  max-width: 400px;
  width: 100%;
  margin: 0 48px 0 0;
}

.fazemos__sem-fronteiras__text h2 {
  font: 500 40px/46px "Red Hat Display", sans-serif;
  margin: 0 0 8px 0;
}

@media screen and (max-width: 460px) {
  .fazemos__sem-fronteiras__text h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
  }
}

.fazemos__sem-fronteiras__text p {
  margin: 0 0 24px 0;
}

.fazemos__sem-fronteiras__text .fazemos__sem-fronteiras__image {
  display: none;
}

@media screen and (max-width: 960px) {
  .fazemos__sem-fronteiras__text .fazemos__sem-fronteiras__image {
    display: block;
  }
}

.fazemos__sem-fronteiras__text table {
  margin: 16px 0 0 0;
  background: #ffffff;
  border-radius: 8px;
  padding: 24px 0;
  border-spacing: 0;
}

@media screen and (max-width: 460px) {
  .fazemos__sem-fronteiras__text table {
    width: 100%;
  }
}

.fazemos__sem-fronteiras__text table td {
  text-align: center;
}

.fazemos__sem-fronteiras__text table thead td {
  font: 500 18px/1 "Red Hat Display", sans-serif;
  border-bottom: 0.5px solid #c9c9c9;
  padding: 0 40px 14px 40px;
}

@media screen and (max-width: 460px) {
  .fazemos__sem-fronteiras__text table thead td {
    padding: 0 14px 14px 14px;
  }
}

.fazemos__sem-fronteiras__text table thead td:first-of-type {
  text-transform: uppercase;
  font: 500 15px/1.4 "Red Hat Display", sans-serif;
  color: #989898;
}

.fazemos__sem-fronteiras__text table tbody tr td {
  padding-top: 14px;
  font: 400 15px/1 "Red Hat Display", sans-serif;
}

.fazemos__sem-fronteiras__text table tbody tr td strong {
  font-weight: 600;
}

.fazemos__sem-fronteiras__text table tbody tr:not(:last-of-type) td {
  padding: 14px 0;
  border-bottom: 0.5px solid #c9c9c9;
}

.fazemos__sem-fronteiras__image {
  width: 100%;
  max-width: 900px;
}

@media screen and (max-width: 460px) {
  .fazemos__sem-fronteiras__image {
    margin: 32px 0;
  }
}

.fazemos__sem-fronteiras__image img {
  width: 100%;
}

.fazemos__mosaico {
  display: block;
  max-width: 1100px;
  margin: 0 auto 128px auto;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .fazemos__mosaico {
    padding: 0 16px 40px 16px;
    margin: 0;
  }
}

.fazemos__mosaico img {
  width: 100%;
}

.fazemos .como-funciona .container {
  max-width: 1400px;
}

@media screen and (max-width: 960px) {
  .fazemos .como-funciona {
    width: calc(100% + 32px);
    margin: 0 0 0 -16px;
    background: #ffffff;
    padding: 48px 16px;
  }
}

.fazemos .destaque-blue {
  margin-top: 96px;
}

@media screen and (max-width: 460px) {
  .fazemos .destaque-blue {
    margin-top: 40px;
  }
}

.fazemos .destaque-blue h2 {
  max-width: 320px;
  width: 100%;
}

.fotos {
  padding: 128px 0 0 0;
}

@media screen and (max-width: 960px) {
  .fotos {
    padding: 72px 0 0 0;
  }
}

.fotos__header {
  position: relative;
}

.fotos__header a {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

@media screen and (max-width: 960px) {
  .fotos__header a {
    display: block;
  }
}

.fotos__header h1 {
  font: 500 38px/1 "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .fotos__header h1 {
    font-size: 24px;
    text-align: center;
  }
}

.fotos__grid {
  margin: 48px 0 56px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media screen and (max-width: 960px) {
  .fotos__grid {
    margin: 32px 0;
    gap: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.fotos__grid figure {
  position: relative;
}

@media screen and (max-width: 960px) {
  .fotos__grid a {
    width: calc(50% - 8px);
    margin-bottom: 16px;
  }
  .fotos__grid a:nth-child(odd) {
    margin-right: 16px;
  }
}

.fotos__grid figure::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 64%;
  width: 100%;
  z-index: 1;
  mix-blend-mode: hard-light;
  opacity: 0.8;
  border-radius: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.fotos__grid figure h4 {
  position: absolute;
  bottom: 28px;
  left: 28px;
  z-index: 5;
  color: #ffffff;
  font: 500 22px/1 "Red Hat Display", sans-serif;
  padding-right: 10px;
}

@media screen and (max-width: 960px) {
  .fotos__grid figure h4 {
    font-size: 16px;
    bottom: 16px;
    left: 16px;
  }
}

.fotos__grid figure img {
  height: 360px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 12px;
}

@media screen and (max-width: 960px) {
  .fotos__grid figure img {
    height: 180px;
  }
}

.fotos .destaque-blue h2 {
  max-width: 350px;
  width: 100%;
}

.evento__content {
  padding: 72px 0 64px 0;
  position: relative;
}

@media screen and (max-width: 960px) {
  .evento__content {
    padding: 16px 0;
  }
  .evento__content::before {
    content: url("../assets/pages/eventos/bg.svg");
    position: absolute;
    top: 0;
    left: 0;
  }
}

.evento__content .container {
  max-width: 1080px;
  position: relative;
  z-index: 5;
}

.evento__content__banner img {
  height: 500px;
  width: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 960px) {
  .evento__content__banner img {
    height: 430px;
    margin: 0 0 16px 0;
  }
}

.evento__content h1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font: 500 48px/56px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .evento__content h1 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    margin-bottom: 8px;
    margin-top: 24px;
  }
}

.evento__content p {
  margin-bottom: 28px;
}

.evento__content__text {
  position: relative;
}

.evento__content__text__article {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .evento__content__text__article {
    background: #ffffff;
    padding: 32px 16px 16px 16px;
    border-radius: 8px;
  }
}

.evento__content__text .share {
  right: 0;
}

.evento__content__text__mosaico {
  margin: 48px 0 0 0;
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1.1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1.1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 16px 16px;
      grid-template-areas: "foto1 foto1 foto2 foto4 foto4 foto4 foto4"
 "foto1 foto1 foto3 foto4 foto4 foto4 foto4"
 "foto5 foto5 foto5 foto6 foto7 foto7 foto7"
 "foto5 foto5 foto5 foto8 foto8 foto9 foto9";
}

@media screen and (max-width: 960px) {
  .evento__content__text__mosaico {
    margin: 32px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }
}

.evento__content__text__mosaico img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 12px;
}

.evento__content__text__mosaico img:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: foto1;
}

.evento__content__text__mosaico img:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: foto2;
}

.evento__content__text__mosaico img:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: foto3;
}

.evento__content__text__mosaico img:nth-of-type(4) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 4;
  grid-area: foto4;
}

.evento__content__text__mosaico img:nth-of-type(5) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: foto5;
}

.evento__content__text__mosaico img:nth-of-type(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  grid-area: foto6;
}

.evento__content__text__mosaico img:nth-of-type(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: foto7;
}

.evento__content__text__mosaico img:nth-of-type(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: foto8;
}

.evento__content__text__mosaico img:nth-of-type(9) {
  -ms-grid-row: 4;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  grid-area: foto9;
}

@media screen and (max-width: 960px) {
  .evento__content__text__mosaico img {
    height: 144px !important;
    width: 48%;
    margin: 0 0 16px 0;
  }
}

.evento__content__text__mosaico img:nth-of-type(1) {
  height: 355px;
}

.evento__content__text__mosaico img:nth-of-type(2), .evento__content__text__mosaico img:nth-of-type(3) {
  height: 170px;
}

.evento__content__text__mosaico img:nth-of-type(4) {
  height: 355px;
}

.evento__content__text__mosaico img:nth-of-type(5) {
  height: 355px;
}

.evento__content__text__mosaico img:nth-of-type(6), .evento__content__text__mosaico img:nth-of-type(7), .evento__content__text__mosaico img:nth-of-type(8), .evento__content__text__mosaico img:nth-of-type(9) {
  height: 170px;
}

.evento__outros {
  background: #ffffff;
  padding: 48px 0;
  margin: 0 0 64px 0;
}

@media screen and (max-width: 960px) {
  .evento__outros {
    padding: 48px 0 32px 0;
    margin: 0 0 32px 0;
  }
  .evento__outros .container {
    padding: 0;
  }
}

.evento__outros h2 {
  font: 500 19px/1 "Red Hat Display", sans-serif;
  text-align: center;
  margin: 0 0 24px 0;
}

@media screen and (max-width: 960px) {
  .evento__outros h2 {
    font-size: 21px;
    text-align: left;
    padding: 0 0 0 24px;
  }
}

.evento__outros section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .evento__outros section {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
  }
  .evento__outros section::-webkit-scrollbar {
    display: none;
  }
}

.evento__outros section a {
  display: block;
  width: 100%;
  max-width: 350px;
}

@media screen and (max-width: 960px) {
  .evento__outros section a {
    margin-right: 20px !important;
    min-width: 185px;
    max-width: 185px;
  }
  .evento__outros section a:first-of-type {
    margin-left: 20px !important;
  }
}

.evento__outros section a:hover h4 {
  color: #0072dc;
}

.evento__outros section a:not(:last-of-type) {
  margin: 0 14px 0 0;
}

@media screen and (max-width: 960px) {
  .evento__outros section a:not(:last-of-type) {
    margin: 0;
  }
}

.evento__outros section a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  /* height: 220px; */
  border-radius: 14px;
}

/* @media screen and (max-width: 960px) {
  .evento__outros section a img {
    height: 148px;
  }
} */

.evento__outros section a h4 {
  margin: 24px 0 0 0;
  color: #272727;
  font: 500 22px/1 "Red Hat Display", sans-serif;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .evento__outros section a h4 {
    font: 500 16px/24px "Red Hat Display", sans-serif;
    margin: 16px 0 0 0;
  }
}

.evento .destaque-blue h2 {
  max-width: 350px;
  width: 100%;
}

.template {
  margin: 64px 0 0 0;
}

@media screen and (max-width: 960px) {
  .template {
    margin: 32px 0 0 0;
    overflow-x: hidden;
  }
}

.template__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .template__header {
    display: block;
  }
}

.template__header aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.template__header aside h1 {
  font: 500 28px/36px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .template__header aside h1 {
    font: 500 24px/32px "Red Hat Display", sans-serif;
    text-align: center;
    width: 100%;
  }
}

.template__header aside a {
  display: inline-block;
  margin: 0 24px 0 0;
}

@media screen and (max-width: 960px) {
  .template__header aside a {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (max-width: 960px) {
  .template__header .share {
    margin: 12px 0 16px 0 !important;
  }
}

@media screen and (max-width: 960px) {
  .template__carrossel {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}

.template__carrossel .swiper-container {
  margin: 32px 0 12px 0;
}

@media screen and (max-width: 960px) {
  .template__carrossel .swiper-container .swiper-slide {
    max-width: 300px;
  }
  .template__carrossel .swiper-container .swiper-slide:first-of-type {
    margin-left: 20px;
  }
  .template__carrossel .swiper-container .swiper-slide:last-of-type {
    margin: 0 20px 0 0;
  }
}

.template__carrossel .swiper-container .swiper-slide img {
  width: 100%;
  height: 360px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .template__carrossel .swiper-container .swiper-slide img {
    height: 320px;
  }
}

.template__carrossel .controls {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .template__carrossel .controls {
    display: none;
  }
}

.template__content {
  margin: 16px 0 0 0;
  display: -ms-grid;
  display: grid;
  gap: 0 16px;
  -ms-grid-columns: 1fr 360px;
      grid-template-columns: 1fr 360px;
}

@media screen and (max-width: 960px) {
  .template__content {
    display: block;
    margin: 24px 0 0 0;
  }
}

.template__content__text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .template__content__text::before {
    content: url("../assets/pages/template/bg.svg");
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.template__content__text article {
  position: relative;
  z-index: 5;
  background: #ffffff;
  border-radius: 14px;
  padding: 48px 56px;
}

@media screen and (max-width: 960px) {
  .template__content__text article {
    padding: 32px 16px;
  }
}

.template__content__text article:not(:last-of-type) {
  margin: 0 0 40px 0;
}

@media screen and (max-width: 960px) {
  .template__content__text article:not(:last-of-type) {
    margin: 0 0 20px 0;
  }
}

.template__content__text article h2 {
  font: 500 36px/44px "Red Hat Display", sans-serif;
  margin: 0 0 32px 0;
}

@media screen and (max-width: 960px) {
  .template__content__text article h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    margin: 0 0 20px 0;
  }
}

.template__content__text article p strong {
  font-weight: 500;
}

.template__content__text article p:not(:last-of-type) {
  margin: 0 0 28px 0;
}

.template__content__text__acessados {
  padding: 48px 0 0 0;
  margin: 144px 0 0 0;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados {
    background: #ffffff;
    padding: 48px 0 32px 0;
    margin: 32px 0 32px -20px;
    width: calc(100% + 40px);
  }
  .template__content__text__acessados .container {
    padding: 0;
  }
}

.template__content__text__acessados h2 {
  font: 500 24px/1 "Red Hat Display", sans-serif;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados h2 {
    font-size: 19px;
    text-align: left;
    padding: 0 0 0 24px;
  }
}

.template__content__text__acessados section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados section {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
  }
  .template__content__text__acessados section::-webkit-scrollbar {
    display: none;
  }
}

.template__content__text__acessados section a {
  display: block;
  width: 100%;
  max-width: 350px;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados section a {
    margin-right: 20px !important;
    min-width: 185px;
    max-width: 185px;
  }
  .template__content__text__acessados section a:first-of-type {
    margin-left: 20px !important;
  }
}

.template__content__text__acessados section a:hover h4 {
  color: #0072dc;
}

.template__content__text__acessados section a:not(:last-of-type) {
  margin: 0 16px 0 0;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados section a:not(:last-of-type) {
    margin: 0;
  }
}

.template__content__text__acessados section a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  /* height: 220px; */
  border-radius: 14px;
}

/* @media screen and (max-width: 960px) {
  .template__content__text__acessados section a img {
    height: 148px;
  }
} */

.template__content__text__acessados section a h4 {
  margin: 24px 0 0 0;
  color: #272727;
  font: 500 20px/1 "Red Hat Display", sans-serif;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .template__content__text__acessados section a h4 {
    font: 500 16px/24px "Red Hat Display", sans-serif;
    margin: 16px 0 0 0;
  }
}

.template__content__tags {
  background: #ffffff;
  border-radius: 8px;
}

.template__content__tags h4 {
  padding: 16px 0;
  text-align: center;
  background: #0072dc;
  color: #ffffff;
  font: 500 20px/1 "Red Hat Display", sans-serif;
  border-radius: 8px;
  position: relative;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 960px) {
  .template__content__tags h4 {
    font-size: 18px;
    text-align: left;
    padding: 18px 20px;
    margin: 0 0 24px 0;
  }
  .template__content__tags h4.open::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  .template__content__tags h4::before {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    content: url("../assets/icons/arrow-back.svg");
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
}

.template__content__tags ul {
  padding: 0 40px 48px 40px;
}

.template__content__tags ul.open {
  display: block;
}

@media screen and (max-width: 960px) {
  .template__content__tags ul {
    padding: 0 20px 32px 20px;
    display: none;
  }
}

.template__content__tags ul li:not(:last-of-type) {
  margin: 0 0 24px 0;
}

.template__content__tags ul li a {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
  display: block;
  font: 400 17px/28px "Red Hat Display", sans-serif;
}

.template__content__tags ul li a:hover {
  color: #0072dc;
}

.template .share {
  position: relative;
  top: unset;
  right: unset;
  -webkit-transform: unset;
          transform: unset;
}

@media screen and (max-width: 960px) {
  .template .share {
    margin: 0;
  }
}

.template .destaque-contato {
  margin: 40px 0 48px 0;
}

.template .destaque-blue h2 {
  max-width: 350px;
  width: 100%;
}

.sobre-nos__banner {
  margin: 0 0 72px 0;
  position: relative;
  height: 520px;
  background: url("../assets/pages/sobre-nos/banner.png") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 960px) {
  .sobre-nos__banner {
    background-image: url("../assets/pages/sobre-nos/banner-mobile.png");
    border-radius: 0 0 12px 12px;
    margin: 0 0 24px 0;
  }
  .sobre-nos__banner::before {
    content: url("../assets/pages/fazemos/points_white.svg");
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
}

.sobre-nos__banner * {
  color: #ffffff;
}

.sobre-nos__banner a {
  display: none;
  position: absolute;
  left: 16px;
  top: 36px;
}

@media screen and (max-width: 960px) {
  .sobre-nos__banner a {
    display: block;
  }
}

.sobre-nos__banner h1 {
  font: 500 50px/60px "Red Hat Display", sans-serif;
  margin: 0 0 24px 0;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__banner h1 {
    font: 500 46px/50px "Red Hat Display", sans-serif;
    margin: 0 0 16px 0;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__banner h1 {
    font: 500 28px/1 "Red Hat Display", sans-serif;
    letter-spacing: 0.16px;
    margin: 0;
    text-align: center;
    width: 100%;
    color: #ffffff;
    top: 24px;
    left: 0;
    position: absolute;
  }
}

.sobre-nos__banner p {
  max-width: 400px;
  width: 100%;
  font: 400 24px/30px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .sobre-nos__banner p {
    font: 400 18px/24px "Red Hat Display", sans-serif;
    letter-spacing: 0.44px;
    position: absolute;
    left: 24px;
    width: calc(100% - 32px);
    bottom: 80px;
  }
}

.sobre-nos__box {
  margin: 0 0 64px 0;
}

.sobre-nos__box:nth-child(odd) article {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 960px) {
  .sobre-nos__box:nth-child(odd) article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.sobre-nos__box:nth-child(odd) article aside {
  margin: 0 0 0 128px;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box:nth-child(odd) article aside {
    margin: 0 0 0 80px;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box:nth-child(odd) article aside {
    margin: 24px 0 0 0;
  }
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box {
    margin: 0 0 32px 0;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box.full {
    width: calc(100% + 32px);
    margin-left: -16px;
    border-radius: 0;
  }
  .sobre-nos__box.full::before {
    content: url("../assets/pages/fazemos/locacao/points-areas.svg");
    margin: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sobre-nos__box.full article {
    background: unset;
    padding: 0;
  }
  .sobre-nos__box.full article aside {
    padding: 0 16px;
  }
  .sobre-nos__box.full article img {
    border-radius: 0;
  }
}

.sobre-nos__box article {
  padding: 80px 112px;
  border-radius: 16px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box article {
    padding: 64px;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article {
    padding: 32px 16px;
    border-radius: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.sobre-nos__box article img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 500px;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box article img {
    max-width: 520px;
    height: 460px;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article img {
    height: 190px;
  }
}

.sobre-nos__box article aside {
  max-width: 500px;
  width: 100%;
  margin: 0 128px 0 0;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box article aside {
    margin: 0 80px 0 0;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article aside {
    margin: 24px 0 0 0;
  }
}

.sobre-nos__box article aside h5 {
  margin: 0 0 20px 0;
  color: #0072dc;
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article aside h5 {
    display: none;
  }
}

.sobre-nos__box article aside h2 {
  margin: 0 0 16px 0;
}

@media screen and (max-width: 1440px) {
  .sobre-nos__box article aside h2 {
    font: 500 30px/38px "Red Hat Display", sans-serif;
  }
}

.sobre-nos__box article aside h2 .brif {
  background: unset;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article aside h2 .brif {
    background: rgba(0, 133, 255, 0.16);
    line-height: 32px;
  }
}

@media screen and (max-width: 960px) {
  .sobre-nos__box article aside h2 {
    font: 500 24px/30px "Red Hat Display", sans-serif;
    margin: 0 0 12px 0;
  }
}

.sobre-nos__box article aside p:not(:last-of-type) {
  margin: 0 0 24px 0;
}

.sobre-nos__box article aside p strong {
  font-weight: 500;
}

.sobre-nos__sec {
  position: relative;
  background: #0072dc;
  padding: 72px 0 0 0;
}

@media screen and (max-width: 960px) {
  .sobre-nos__sec {
    padding: 32px 0 0 0;
  }
}

.sobre-nos__sec .container {
  position: relative;
  z-index: 5;
}

.sobre-nos__sec::before {
  content: "";
  background: #F5F5F7;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 330px;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .sobre-nos__sec::before {
    height: 40%;
  }
}

.sobre-nos__linha-tempo {
  background: #ffffff;
  padding: 64px 0;
  margin: 0 0 72px 0;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo {
    margin: 0 0 32px 0;
    padding: 32px 0;
  }
}

.sobre-nos__linha-tempo .title-sec h2 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo .title-sec h2 {
    font: 500 24px/30px "Red Hat Display", sans-serif;
  }
}

.sobre-nos__linha-tempo .title-sec p {
  max-width: 720px;
}

.sobre-nos__linha-tempo__controls {
  max-width: 1020px;
  width: 100%;
  margin: 32px auto 40px auto;
  position: relative;
  padding: 0 40px;
}

.sobre-nos__linha-tempo__controls .swiper-slide {
  max-width: 42px;
}

.sobre-nos__linha-tempo__controls .swiper-slide span {
  display: block;
  text-align: center;
  color: #D2D2D2;
  font: 500 18px/1 "Red Hat Display", sans-serif;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.sobre-nos__linha-tempo__controls .swiper-slide.swiper-slide-active span {
  color: #0072dc;
}

.sobre-nos__linha-tempo__controls__prev, .sobre-nos__linha-tempo__controls__next {
  z-index: 9;
  position: absolute;
  top: 40px;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sobre-nos__linha-tempo__controls__prev svg, .sobre-nos__linha-tempo__controls__next svg {
  width: 100%;
}

.sobre-nos__linha-tempo__controls__prev svg *, .sobre-nos__linha-tempo__controls__next svg * {
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.sobre-nos__linha-tempo__controls__prev.swiper-button-disabled path,
.sobre-nos__linha-tempo__controls__prev.swiper-button-disabled circle, .sobre-nos__linha-tempo__controls__next.swiper-button-disabled path,
.sobre-nos__linha-tempo__controls__next.swiper-button-disabled circle {
  stroke: #989898;
}

.sobre-nos__linha-tempo__controls__prev {
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sobre-nos__linha-tempo__controls__next {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.sobre-nos__linha-tempo__cards .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo__cards .swiper-slide {
    display: block;
  }
}

.sobre-nos__linha-tempo__cards .swiper-slide article {
  max-width: 310px;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo__cards .swiper-slide article {
    max-width: 100%;
  }
}

.sobre-nos__linha-tempo__cards .swiper-slide article:not(:last-of-type) {
  margin: 0 24px 0 0;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo__cards .swiper-slide article:not(:last-of-type) {
    margin: 0 0 16px 0;
  }
}

.sobre-nos__linha-tempo__cards .swiper-slide article h5 {
  color: #0072dc;
  font: 700 17px/1 "Red Hat Display", sans-serif;
  text-align: center;
}

.sobre-nos__linha-tempo__cards .swiper-slide article img {
  margin: 16px 0;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .sobre-nos__linha-tempo__cards .swiper-slide article img {
    height: 220px;
  }
}

.sobre-nos__linha-tempo__cards .swiper-slide article h3 {
  font: 500 22px/30px "Red Hat Display", sans-serif;
  margin: 0 0 12px 0;
}

.sobre-nos__linha-tempo__cards .swiper-slide article p {
  font: 400 15px/24px "Red Hat Display", sans-serif;
}

.sobre-nos .destaque-blue h2 {
  max-width: 360px;
}

.clothing__banner {
  position: relative;
}

.clothing__banner::before {
  content: "";
  background: #0072DC;
  opacity: 0.88;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.clothing__banner .container {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.clothing__banner .container a {
  width: 8px;
  margin: 0 auto 20px 0;
  display: none;
  position: absolute;
  top: 32px;
  left: 24px;
}

@media screen and (max-width: 960px) {
  .clothing__banner .container a {
    display: block;
  }
}

.clothing__banner .container a img {
  width: 100%;
}

.clothing__banner .container h1 {
  font: 500 48px/58px "Red Hat Display", sans-serif;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 960px) {
  .clothing__banner .container h1 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
    width: 100%;
  }
}

.clothing__banner .container figure {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 350px;
}

@media screen and (max-width: 460px) {
  .clothing__banner .container figure {
    width: 200px;
  }
}

.clothing__banner .container figure img {
  width: 100%;
}

.clothing__banner picture {
  display: block;
}

.clothing__banner picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 500px;
}

@media screen and (max-width: 960px) {
  .clothing__banner picture img {
    height: 240px;
  }
}

.clothing__description {
  margin: 144px 0 120px 0;
}

@media screen and (max-width: 960px) {
  .clothing__description {
    margin: 80px 0 0 0;
  }
  .clothing__description::after {
    content: url("../assets/pages/clothing/points.svg");
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 48px 0;
  }
}

.clothing__description .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .clothing__description .container {
    display: block;
  }
}

.clothing__description aside {
  max-width: 580px;
  margin: 0 144px 0 0;
  width: 100%;
}

@media screen and (max-width: 960px) {
  .clothing__description aside {
    margin: 0 0 32px 0;
  }
}

.clothing__description aside h5 {
  color: #0072dc;
  font: 500 18px/1 "Red Hat Display", sans-serif;
  opacity: .8;
  text-align: center;
}

@media screen and (max-width: 960px) {
  .clothing__description aside h5 {
    text-align: left;
  }
}

.clothing__description aside h2 {
  text-align: center;
  margin: 16px 0 32px 0;
  font: 500 38px/44px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 960px) {
  .clothing__description aside h2 {
    text-align: left;
    font: 500 32px/40px "Red Hat Display", sans-serif;
    margin: 8px 0 16px 0;
  }
}

.clothing__description aside p:not(:last-of-type) {
  margin: 0 0 24px 0;
}

@media screen and (max-width: 460px) {
  .clothing__description figure {
    width: 100%;
  }
  .clothing__description figure img {
    width: 100%;
  }
}

.clothing__produtos {
  background: #0072dc;
  position: relative;
}

.clothing__produtos::before, .clothing__produtos::after {
  content: "";
  background: #F5F5F7;
  position: absolute;
  left: 0;
  width: 100%;
  height: 120px;
}

@media screen and (max-width: 460px) {
  .clothing__produtos::before, .clothing__produtos::after {
    height: 88px;
  }
}

.clothing__produtos::before {
  top: 0;
}

.clothing__produtos::after {
  bottom: 0;
}

.clothing__produtos article {
  position: relative;
  z-index: 5;
  background: #ffffff;
  border-radius: 16px;
  padding: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 64px 0;
}

@media screen and (max-width: 960px) {
  .clothing__produtos article {
    padding: 0;
    gap: 0;
    background: unset;
  }
  .clothing__produtos article img {
    width: 100%;
  }
  .clothing__produtos article img:not(:last-of-type) {
    margin: 0 0 20px 0;
  }
}

.clothing__flags {
  margin: 64px 0 40px 0;
}

@media screen and (max-width: 460px) {
  .clothing__flags {
    margin: 0 0 48px 0;
  }
}

.clothing__flags .container article {
  background: #EEEEF0;
  border-radius: 16px;
  padding: 80px 0;
}

@media screen and (max-width: 460px) {
  .clothing__flags .container article {
    padding: 64px 0 0 0;
  }
}

.clothing__flags .container article .title-sec {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 460px) {
  .clothing__flags .container article .title-sec h2 {
    text-align: center;
  }
}

@media screen and (max-width: 960px) {
  .clothing__flags .container article {
    background: unset;
  }
}

.clothing__flags .container article section {
  margin: 56px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 460px) {
  .clothing__flags .container article section {
    margin: 48px 0 0 0;
    padding: 0 48px;
    display: block;
  }
}

.clothing__flags .container article section img:not(:last-of-type) {
  margin: 0 112px 0 0;
}

@media screen and (max-width: 460px) {
  .clothing__flags .container article section img:not(:last-of-type) {
    margin: 0 0 56px 0;
  }
}

.clothing .destaque-blue h2 {
  max-width: 500px;
}

.link-grades__banner {
  position: relative;
  padding: 190px 0 168px 0;
  background: url("../assets/pages/link-grades/bg.svg") center/cover no-repeat;
}

@media screen and (max-width: 960px) {
  .link-grades__banner {
    border-radius: 0 0 12px 12px;
    background-image: url("../assets/pages/link-grades/bg-mob.svg");
    padding: 112px 0 32px 0;
  }
}

.link-grades__banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 960px) {
  .link-grades__banner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: static;
  }
}

.link-grades__banner .container::before, .link-grades__banner .container::after {
  position: absolute;
  left: 48px;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .link-grades__banner .container::before, .link-grades__banner .container::after {
    display: none;
  }
}

.link-grades__banner .container::before {
  content: url("../assets/pages/link-grades/points-esq-top.svg");
  top: -96px;
}

.link-grades__banner .container::after {
  content: url("../assets/pages/link-grades/points-esq-bottom.svg");
  bottom: -96px;
}

.link-grades__banner__text {
  margin: 0 80px;
  width: 100%;
  max-width: 480px;
}

.link-grades__banner__text .voltar {
  display: none;
  position: absolute;
  left: 16px;
  top: 32px;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__text .voltar {
    display: block;
  }
}

.link-grades__banner__text > img {
  max-width: 120px;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__text > img {
    top: 24px;
    left: 50%;
    max-width: 128px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
  }
}

.link-grades__banner__text h1 {
  color: #ffffff;
  font: 500 56px/1 "Red Hat Display", sans-serif;
  margin: 24px 0 20px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__text h1 {
    display: none;
  }
}

@media screen and (max-width: 1440px) {
  .link-grades__banner__text h1 {
    font-size: 48px;
  }
}

.link-grades__banner__text p {
  font: 400 18px/28px "Red Hat Display", sans-serif;
  color: #ffffff;
  margin: 0 0 40px 0;
  opacity: .8;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__text p {
    opacity: 1;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__banner__text .btn {
    width: 100%;
    display: block;
  }
}

.link-grades__banner__image {
  position: relative;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__image {
    margin: 0 0 24px -80px;
    width: 420px;
  }
}

.link-grades__banner__image::before, .link-grades__banner__image::after {
  position: absolute;
  z-index: 1;
  right: -8px;
}

@media screen and (max-width: 960px) {
  .link-grades__banner__image::before, .link-grades__banner__image::after {
    display: none;
  }
}

.link-grades__banner__image::before {
  content: url("../assets/pages/link-grades/points-dir-top.svg");
  top: -96px;
}

.link-grades__banner__image::after {
  content: url("../assets/pages/link-grades/points-dir-bottom.svg");
  bottom: -96px;
}

.link-grades__banner__image figure {
  position: relative;
  z-index: 5;
}

.link-grades__banner__image figure img {
  max-width: 940px;
  width: 100%;
}

.link-grades__pos {
  padding: 72px 0;
  border-radius: 0 0 8px 8px;
  background: #EEEEF0;
  margin: 0 0 64px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__pos {
    padding: 0 16px;
    background: unset;
    margin: 32px 0;
  }
}

.link-grades__pos .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container {
    display: block;
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 16px 24px 16px;
  }
}

.link-grades__pos .container aside {
  max-width: 400px;
  width: 100%;
  margin: 0 88px 0 0;
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container aside {
    margin: 0 0 24px 0;
  }
}

.link-grades__pos .container aside h2 {
  margin: 0 0 20px 0;
  font: 500 50px/1.2 "Red Hat Display", sans-serif;
}

.link-grades__pos .container aside h2 .brif {
  line-height: 1.2;
  background: unset;
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container aside h2 .brif {
    background: rgba(219, 118, 255, 0.2);
  }
}

@media screen and (max-width: 1440px) {
  .link-grades__pos .container aside h2 {
    font-size: 44px;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container aside h2 {
    font: 500 28px/34px "Red Hat Display", sans-serif;
  }
}

.link-grades__pos .container aside p:not(:last-of-type) {
  margin: 0 0 28px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container aside p:not(:last-of-type) {
    margin: 0 0 22px 0;
  }
}

.link-grades__pos .container picture {
  max-width: 900px;
  width: 100%;
  display: block;
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container picture {
    overflow-x: auto;
    width: calc(100% + 64px);
    margin-left: -32px;
  }
  .link-grades__pos .container picture::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__pos .container picture img {
    white-space: nowrap;
    min-width: 100%;
    max-width: inherit;
    margin: 0 0 0 32px;
  }
}

.link-grades__medidas article {
  background: #AF4BCD;
  padding: 56px 0 24px 0;
  border-radius: 16px;
  margin: 0 0 96px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__medidas article {
    width: calc(100% + 32px);
    margin: 0 0 32px -16px;
    padding: 40px 16px 20px 16px;
    border-radius: 0;
  }
}

.link-grades__medidas article h2 {
  font: 500 38px/45px "Red Hat Display", sans-serif;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 1440px) {
  .link-grades__medidas article h2 {
    font: 500 30px/40px "Red Hat Display", sans-serif;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__medidas article h2 {
    font: 500 25px/33px "Red Hat Display", sans-serif;
    text-align: left;
  }
}

.link-grades__medidas article picture {
  display: block;
  margin: 32px auto;
  max-width: 940px;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .link-grades__medidas article picture {
    max-width: 780px;
  }
}

.link-grades__medidas article picture img {
  width: 100%;
}

.link-grades__medidas article footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.link-grades__medidas article footer img {
  margin: 0 4px 0 0;
}

.link-grades__medidas article footer span {
  color: #ffffff;
  font: 500 16px/1 "Red Hat Display", sans-serif;
}

.link-grades__medidas article footer span:not(:last-of-type) {
  margin: 0 32px 0 0;
}

.link-grades__cards {
  margin: 0 0 96px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__cards {
    margin: 0 0 32px 0;
  }
}

.link-grades__cards .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 1280px;
}

@media screen and (max-width: 960px) {
  .link-grades__cards .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.link-grades__cards .container article {
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 300px;
}

@media screen and (max-width: 960px) {
  .link-grades__cards .container article {
    height: 160px;
    width: 48%;
    margin: 0 0 16px 0;
  }
}

.link-grades__cards .container article h2 {
  font: 500 26px/1 "Red Hat Display", sans-serif;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 460px) {
  .link-grades__cards .container article h2 {
    font: 500 18px/1 "Red Hat Display", sans-serif;
  }
}

.link-grades__cards .container article:nth-of-type(1) {
  background-image: url("../assets/pages/link-grades/pratica.png");
}

.link-grades__cards .container article:nth-of-type(2) {
  background-image: url("../assets/pages/link-grades/personalizavel.png");
}

.link-grades__cards .container article:nth-of-type(3) {
  background-image: url("../assets/pages/link-grades/portatil.png");
}

.link-grades__cards .container article:nth-of-type(4) {
  background-image: url("../assets/pages/link-grades/sustentavel.png");
}

.link-grades__ficha-tecnica__box {
  border-radius: 16px;
  background: #eeeef0;
  padding: 96px 168px;
}

@media screen and (max-width: 1440px) {
  .link-grades__ficha-tecnica__box {
    padding: 64px 80px;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box {
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    border-radius: 0;
    padding: 48px 24px 24px 24px;
  }
}

.link-grades__ficha-tecnica__box .title-sec h2 {
  margin: 0;
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box .title-sec h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box .title-sec {
    margin: 0 0 24px 0;
  }
}

.link-grades__ficha-tecnica__box__exps {
  margin: 80px 0 0 0;
  gap: 0 64px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside:first-of-type {
    margin: 0 0 16px 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside:first-of-type dd img {
  margin: 0 0 60px 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside:first-of-type dd img {
    margin: 0 0 40px 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside:last-of-type dd img {
  margin: 8px 0 0 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside:last-of-type dd img {
    margin: 16px 0 0 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl:not(:last-child) {
  margin: 0 0 28px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside dl:not(:last-child) {
    margin: 0 0 16px 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dt {
  background: #AF4BCD;
  text-align: center;
  color: #ffffff;
  font: 500 18px/1 "Red Hat Display", sans-serif;
  padding: 16px 20px;
  border-radius: 12px;
  position: relative;
  z-index: 5;
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

.link-grades__ficha-tecnica__box__exps aside dl dt svg {
  display: none;
  position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 300ms ease;
  transition: 300ms ease;
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside dl dt svg {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside dl dt {
    cursor: pointer;
    text-align: left;
    padding: 16px 20px;
    border-radius: 8px;
    font: 500 16px/1 "Red Hat Display", sans-serif;
    background: #ffffff;
    color: #272727;
  }
  .link-grades__ficha-tecnica__box__exps aside dl dt.open {
    background: #AF4BCD;
    color: #ffffff;
  }
  .link-grades__ficha-tecnica__box__exps aside dl dt.open svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .link-grades__ficha-tecnica__box__exps aside dl dt.open svg path {
    stroke: #ffffff;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd {
  background: #ffffff;
  margin: -16px 0 0 0;
  padding: 40px 32px 24px 32px;
  border-radius: 0 0 16px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd {
    display: none;
    padding: 40px 24px 16px 24px;
  }
  .link-grades__ficha-tecnica__box__exps aside dl dd.open {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd img {
    width: 100%;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul {
  width: 100%;
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li:not(:last-of-type) {
  margin: 0 0 16px 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd ul li:not(:last-of-type) {
    margin: 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li h6 {
  font: 500 16px/23px "Red Hat Display", sans-serif;
  min-width: 144px;
  margin: 0 32px 0 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd ul li h6 {
    min-width: 115px;
    font-size: 14px;
    line-height: 20px;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li aside span {
  font: 400 16px/28px "Red Hat Display", sans-serif;
  color: #5e5e5e;
  display: block;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd ul li aside span {
    font: 400 14px/24px "Red Hat Display", sans-serif;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd ul li aside span:first-of-type {
  min-width: 72px;
}

.link-grades__ficha-tecnica__box__exps aside dl dd h4 {
  text-align: center;
  font: 500 17px/23px "Red Hat Display", sans-serif;
  margin: 0 0 40px 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd h4 {
    text-align: left;
    font: 400 16px/26px "Red Hat Display", sans-serif;
    margin: 0 0 12px 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd h5 {
  margin: 16px 0 0 0;
  font: 400 14px/20px "Red Hat Display", sans-serif;
  color: #989898;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd h5 {
    margin: 0;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd table {
  border-collapse: collapse;
  border-spacing: 0;
}

.link-grades__ficha-tecnica__box__exps aside dl dd table thead td {
  text-align: center;
  font: 500 16px/23px "Red Hat Display", sans-serif;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd table thead td {
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd table thead td:not(:first-child) {
  padding: 0 40px 10px 40px;
  border-left: 1px solid #d2d2d2;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd table thead td:not(:first-child) {
    padding: 0 24px 10px 24px;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd table tbody td {
  font: 400 16px/23px "Red Hat Display", sans-serif;
  color: #5e5e5e;
  text-align: center;
  padding: 10px 0;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd table tbody td {
    font: 400 14px/20px "Red Hat Display", sans-serif;
  }
}

.link-grades__ficha-tecnica__box__exps aside dl dd table tbody td:not(:first-of-type) {
  border-left: 1px solid #d2d2d2;
}

.link-grades__ficha-tecnica__box__exps aside dl dd table tbody td.title {
  text-align: left;
  padding: 0 24px 0 0;
  font: 500 16px/23px "Red Hat Display", sans-serif;
}

@media screen and (max-width: 460px) {
  .link-grades__ficha-tecnica__box__exps aside dl dd table tbody td.title {
    padding: 8px 0;
    font: 500 14px/20px "Red Hat Display", sans-serif;
  }
}

.link-grades__acessorios {
  margin: 72px 0 0 0;
}

@media screen and (max-width: 960px) {
  .link-grades__acessorios {
    margin: 0;
  }
}

.link-grades__acessorios .container article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  background: #eeeef0;
  padding: 72px 120px;
}

@media screen and (max-width: 1440px) {
  .link-grades__acessorios .container article {
    padding: 64px 80px;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__acessorios .container article {
    width: calc(100% + 48px);
    margin: 0 0 0 -24px;
    border-radius: 0;
    padding: 32px 24px 24px 24px;
    background: unset;
  }
}

.link-grades__acessorios .container article .title-sec {
  width: 100%;
}

.link-grades__acessorios .container article section {
  margin: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 460px) {
  .link-grades__acessorios .container article section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 24px 0 28px 0;
  }
}

.link-grades__acessorios .container article section aside {
  width: 100%;
}

.link-grades__acessorios .container article section aside:not(:last-of-type) {
  margin: 0 12px 0 0;
}

@media screen and (max-width: 460px) {
  .link-grades__acessorios .container article section aside:not(:last-of-type) {
    width: 47.5%;
    margin: 0 0 24px 0;
  }
}

.link-grades__acessorios .container article section aside h5 {
  margin: 24px 0 0 0;
  font: 500 17px/23px "Red Hat Display", sans-serif;
  text-align: center;
}

@media screen and (max-width: 460px) {
  .link-grades__acessorios .container article section aside h5 {
    margin: 16px 0 0 0;
  }
}

.link-grades__acessorios .container article .btn {
  background: #4fb9f6;
  padding-right: 56px;
  padding-left: 56px;
}

@media screen and (max-width: 960px) {
  .link-grades__acessorios .container article .btn {
    display: block;
    width: 100%;
  }
}

.link-grades__comparativo {
  margin: 72px 0 112px 0;
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo {
    margin: 24px 0 34px 0;
  }
}

.link-grades__comparativo article {
  background: url("../assets/pages/link-grades/bg-table.svg") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 72px 112px;
  border-radius: 16px;
}

@media screen and (max-width: 1440px) {
  .link-grades__comparativo article {
    padding: 64px 80px;
  }
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo article {
    padding: 48px 16px 24px 16px;
    display: block;
  }
}

.link-grades__comparativo article h2 {
  max-width: 240px;
  font: 500 38px/45px "Red Hat Display", sans-serif;
  color: #ffffff;
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo article h2 {
    text-align: center;
    max-width: 100%;
    font: 500 24px/1 "Red Hat Display", sans-serif;
    margin: 0 0 24px 0;
  }
}

.link-grades__comparativo article aside {
  background: #ffffff;
  max-width: 650px;
  width: 100%;
  padding: 40px 48px 32px 48px;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo article aside {
    padding: 20px 8px 16px 8px;
    max-width: 100%;
  }
}

.link-grades__comparativo article aside table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.link-grades__comparativo article aside table thead td {
  text-align: center;
  font: 400 18px/1 "Red Hat Display", sans-serif;
  padding: 0 24px 16px 24px;
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo article aside table thead td {
    font-size: 14px;
    padding: 16px;
  }
}

.link-grades__comparativo article aside table thead td strong {
  font-weight: 500;
}

.link-grades__comparativo article aside table tbody tr td {
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  font: 500 18px/1 "Red Hat Display", sans-serif;
}

.link-grades__comparativo article aside table tbody tr td:nth-of-type(2) h4 {
  color: #EA2A2A;
}

.link-grades__comparativo article aside table tbody tr td:nth-of-type(3) h4 {
  color: #26A943;
}

@media screen and (max-width: 960px) {
  .link-grades__comparativo article aside table tbody tr td {
    font-size: 14px;
    padding: 16px;
  }
}

.link-grades__comparativo article aside table tbody tr td h4 {
  font: 500 14px/1 "Red Hat Display", sans-serif;
  text-align: center;
}

.link-grades__comparativo article aside table tbody tr td img {
  width: 10px;
  margin: 0 auto;
}

.link-grades__mosaico .container {
  max-width: 1280px;
}

.link-grades__mosaico .container img {
  width: 100%;
}

.link-grades__destaque {
  margin: 112px 0 80px 0;
}

@media screen and (max-width: 1440px) {
  .link-grades__destaque {
    margin: 24px 0;
  }
}

.link-grades__destaque article {
  background: url("../assets/pages/link-grades/bg-destaque.svg") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 80px 0;
  border-radius: 8px;
}

@media screen and (max-width: 960px) {
  .link-grades__destaque article {
    padding: 40px 12px 16px 12px;
    display: block;
    background-image: url("../assets/pages/link-grades/bg-destaque-mob.svg");
  }
}

@media screen and (max-width: 960px) {
  .link-grades__destaque article img {
    max-width: 140px;
    margin: 0 auto;
  }
}

.link-grades__destaque article h5 {
  font: 400 18px/21px "Red Hat Display", sans-serif;
  text-align: center;
  max-width: 200px;
  width: 100%;
  color: #ffffff;
  margin: 20px auto;
}

@media screen and (max-width: 960px) {
  .link-grades__destaque article .btn {
    display: block;
    width: 100%;
  }
}

#formstatus {
  width: 100%;
}

fieldset.form-group {
  position: relative;
}

.form-control-feedback {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #a94442;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #3c763d;
}

.alert {
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.glyphicon-remove:before {
  font-family: FontAwesome;
  content: "\f00d";
}

.glyphicon-ok:before {
  font-family: FontAwesome;
  content: "\f00c";
}

/**
 *
 * 404
 *
 */

.header-page-404__banner {
  margin: 0;
  position: relative;
  height: 420px;
  background: url("../assets/pages/404/header-404.jpg") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 960px) {
  .header-page-404__banner {
    background-image: url("../assets/pages/404/header-404.jpg");
    border-radius: 0 0 12px 12px;
    margin: 0 0 24px 0;
  }
}

.header-page-404__banner h1 {
  color: #FFF;
  font-size: 120px;
  font-weight: 200;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}

.header-page-404__banner p {
  color: #FFF;
  font-size: 20px;
  text-align: center;
}

.content-404 {
  padding-top: 100px;
  padding-bottom: 60px;
}

.content-404__cards {
  margin: 68px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 460px) {
  .content-404__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0 0;
  }
}

.content-404 article {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 460px) {
  .content-404 article {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
        width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.content-404 article:nth-of-type(2) {
  margin: 0 20px;
}

@media screen and (max-width: 460px) {
  .content-404 article:nth-of-type(2) {
    margin: 24px 0;
  }
}

.content-404 h3 {
    color: #004ba9;
    /* font-weight: 600; */
    line-height: 24px;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 60px;
    text-align: center;
}

.content-404 p {
  color: #000000;
  font-size: 16px;
  margin-bottom: 30px;
}

/* .content-404 .btn-orcamento {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #FFF !important;
    padding: 15px 50px 16px 50px !important;
    line-height: 15px !important;
    background-color: #03b4e5;
    -webkit-box-shadow: 1px 1px 22px 4px rgba(3,180,229,0.2);
    -moz-box-shadow: 1px 1px 22px 4px rgba(3,180,229,0.2);
    box-shadow: 1px 1px 22px 4px rgba(3,180,229,0.2);
    margin-bottom: 60px;
    min-width: 310px;
} */

.wpp-btn {
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 99998;
    width: 80px !important;
    min-width: 70px !important;
    height: 80px !important;
    min-height: 70px !important;
    bottom: 5px;
}


.blog__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 40px 0;
  /* display: none; */
}

@media screen and (max-width: 960px) {
  .blog__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-numbers {
      width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    color: #c4c4c4;
    margin: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-numbers.current {
  border-color: #0072dc;
  color: #0072dc;
}

/* a.page-numbers.active svg path, a.page-numbers.active svg path {
  fill: #0072dc;
} */

.next.page-numbers svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; 
  margin: 0 auto; 
  overflow: hidden;
}

.video-embed iframe {
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%; 
  border-radius: 20px;
  z-index: 1;
}


.video-shorts-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16; 
  margin: 0 auto;
  overflow: hidden;
}

.video-shorts-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: 1;
}
/*# sourceMappingURL=main.css.map */