@charset "UTF-8";

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Heavy.otf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Black.otf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-SemiBold.otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Medium.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-ExtraLight.otf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Light.otf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Vastago";
  src: url("../css/fonts/Atmos/VastagoGrotesk-Thin.otf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "WorkSans";
  src: url("../css/fonts/Atmos/WorkSans-VariableFont_wght.ttf");
  font-style: normal;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "WorkSans", sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  overflow-x: hidden;
  font-family: "WorkSans", sans-serif;
  font-size: 1rem;
  line-height: 150%;
}

.no-scroll {
  overflow: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  font-family: "Vastago", sans-serif;
}

p {
  line-height: 1.6;
  margin-bottom: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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

@media screen and (max-width: 993px) {
  .container {
    padding-inline: 20px;
  }
}

.container-full {
  width: 100%;
  max-width: 108.125rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

@media screen and (max-width: 993px) {
  .container-full {
    padding-inline: 20px;
  }
}

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-block: 2.625rem;
  z-index: 10;
  transition: 200ms;
}

.main-header .container-full {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5.875rem;
  width: 100%;
}

.main-header .container-full nav {
  display: flex;
  align-items: center;
  gap: 5rem;
}

.main-header .container-full nav>a {
  font-size: 1rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-decoration: none;
}

.main-header .container-full nav>a:hover,
.main-header .container-full nav>a.active {
  text-decoration: underline;
}

.main-header .container-full nav .item-sub {
  position: relative;
}

.main-header .container-full nav .item-sub>a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-decoration: none;
}

.main-header .container-full nav .item-sub>a:hover {
  text-decoration: underline;
}

/* Sub-menu fechado por padrão */
.main-header .container-full nav .item-sub .sub-item-menu {
  position: absolute;
  top: calc(100% + 33px);
  left: 0;
  background: linear-gradient(77.11deg, #474948 -29.2%, #989A9C 267.43%), #545655;
  padding: 1.5rem 1.5rem 1.5rem 2.875rem;
  display: flex;
  gap: 2.625rem;
  opacity: 0;
  transition: 200ms;
  margin-top: -20px;
  visibility: hidden;
  pointer-events: none;
}

/* Sub-menu aberto quando .open */
.main-header .container-full nav .item-sub.open .sub-item-menu {
  opacity: 1;
  margin-top: 0px;
  visibility: visible;
  pointer-events: auto;
  z-index: 100;
}

.main-header .container-full nav .item-sub .sub-item-menu ul {
  min-width: 18.75rem;
  list-style: none;
  padding-top: 1.25rem;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li+li {
  margin-top: 1rem;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a {
  height: 5.125rem;
  padding-inline: 0rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a span {
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a svg {
  opacity: 0;
  transition: 200ms;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a.active,
.main-header .container-full nav .item-sub .sub-item-menu ul li a:hover {
  padding-inline: 1.5rem;
  background-color: #FFFFFF;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a.active span,
.main-header .container-full nav .item-sub .sub-item-menu ul li a:hover span {
  color: #474948;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li a.active svg,
.main-header .container-full nav .item-sub .sub-item-menu ul li a:hover svg {
  opacity: 1;
}

.main-header .container-full nav .item-sub .sub-item-menu ul li:last-of-type a {
  border-bottom: 0;
}

.main-header .container-full nav .item-sub .sub-item-menu .card-preview {
  width: 27.5rem;
  position: relative;
}

.main-header .container-full nav .item-sub .sub-item-menu .card-preview img {
  width: 100%;
  height: 100%;
}

.main-header .container-full nav .item-sub .sub-item-menu .card-preview span {
  height: 5rem;
  padding-left: 2.5rem;
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
}

.main-header .container-full nav .item-sub>a:hover svg {
  transform: scale(-1);
}

.main-header .container-full nav .item-sub>a:hover+.sub-item-menu {
  opacity: 1;
  margin-top: 0px;
  visibility: visible;
}

.main-header .container-full .btn-menu-mobile {
  display: none;
}

.main-header.active {
  background-color: #474948;
  padding-block: 1.25rem;
}

@media screen and (max-width: 1420px) {
  .main-header .container-full nav {
    flex: 1;
    gap: 1.25rem;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1200px) {
  .main-header .container-full {
    align-items: center;
  }

  .main-header .container-full .logo {
    width: 10.125rem;
  }

  .main-header .container-full nav {
    display: none;
  }

  .main-header .container-full .btn-menu-mobile {
    display: block;
    width: 1.25rem;
    height: 1.125rem;
    position: relative;
    margin-left: auto;
  }

  .main-header .container-full .btn-menu-mobile span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
  }

  .main-header .container-full .btn-menu-mobile span:nth-of-type(1) {
    top: 0;
    left: 0;
  }

  .main-header .container-full .btn-menu-mobile span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

  .main-header .container-full .btn-menu-mobile span:nth-of-type(3) {
    bottom: 0;
    left: 0;
  }

  .main-header .container-full .btn-menu-mobile.active span:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }

  .main-header .container-full .btn-menu-mobile.active span:nth-of-type(2) {
    opacity: 0;
  }

  .main-header .container-full .btn-menu-mobile.active span:nth-of-type(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    bottom: initial;
  }
}

.main-header-mobile {
  background-color: #474948;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding-top: 3rem;
  padding-inline: 1.25rem;
  background-image: url(../images/bg-header-mobile.svg);
  background-size: cover;
  transform: translateX(100%);
  transition: 200ms;
}

.main-header-mobile header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
  position: relative;
}

.main-header-mobile header::after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  height: 1px;
  display: block;
  background-color: #FFFFFF;
  bottom: 0;
}

.main-header-mobile header .logo {
  width: 10.125rem;
}

.main-header-mobile header .btn-menu-mobile {
  display: block;
  width: 1.25rem;
  height: 1.125rem;
  position: relative;
  margin-left: auto;
}

.main-header-mobile header .btn-menu-mobile span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
}

.main-header-mobile header .btn-menu-mobile span:nth-of-type(1) {
  top: 0;
  left: 0;
}

.main-header-mobile header .btn-menu-mobile span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.main-header-mobile header .btn-menu-mobile span:nth-of-type(3) {
  bottom: 0;
  left: 0;
}

.main-header-mobile header .btn-menu-mobile.active span:nth-of-type(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.main-header-mobile header .btn-menu-mobile.active span:nth-of-type(2) {
  opacity: 0;
}

.main-header-mobile header .btn-menu-mobile.active span:nth-of-type(3) {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  bottom: initial;
}

.main-header-mobile nav {
  margin-top: 2rem;
}

.main-header-mobile nav a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.26;
  text-decoration: none;
}

.main-header-mobile nav a {
  margin-top: 3rem;
}

.main-header-mobile nav #variosProdutos-list {
  list-style: none;
  padding-left: 15px;
}

.main-header-mobile nav #variosProdutos-list a {
  margin-top: 15px;
}

.main-header-mobile.active {
  transform: translateX(0);
}

.main-footer-1 {
  background-color: #474948;
  background-image: url(../images/bg-footer.svg);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.main-footer-1 .top {
  padding-top: 10rem;
  padding-bottom: 15rem;
}

.main-footer-1 .top.sem-conteudo {
  padding-bottom: 1.5rem; 
}

.page-09-contato .main-footer-1 .top,
.page-06-landingpage .main-footer-1 .top,
.page-02-sobre .main-footer-1 .top {
  padding-top: 0;
  padding-bottom: 0;
}

.main-footer-1 .top .container h2 {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  max-width: 53.25rem;
  margin-inline: auto;
  text-align: center;
  margin-bottom: 2rem;
  line-height: 1.26;
}

.main-footer-1 .top .container .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
}

.main-footer-1 .top .container .buttons .btn-primary,
.main-footer-1 .top .container .buttons .btn-ghost {
  padding-inline: 5.875rem;
}

.main-footer-1 .top .container .buttons .btn-primary span,
.main-footer-1 .top .container .buttons .btn-ghost span {
  font-size: 1.5rem;
}

@media screen and (max-width: 993px) {

  .main-footer-1 .top .container .buttons .btn-primary span,
  .main-footer-1 .top .container .buttons .btn-ghost span {
    font-size: 1.25rem;
  }
}

.main-footer-1 .middle {
  padding-bottom: 13.75rem;
}

.main-footer-1 .middle .container {
  display: flex;
  gap: 10.625rem;
  max-width: 90.625rem;
}

.main-footer-1 .middle .container .left {
  max-width: 24.375rem;
}

.main-footer-1 .middle .container .left h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.75rem;
}

.main-footer-1 .middle .container .left p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #F5F3F1;
  letter-spacing: -0.4;
  line-height: 1.4;
  margin-bottom: 2.1875rem;
}

.main-footer-1 .middle .container .left .embed {
  aspect-ratio: 390/510;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 1.25rem;
  position: relative;
}

.main-footer-1 .middle .container .left .embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main-footer-1 .middle .container .left .embed .box {
  background-color: #FFFFFF;
  padding: 1.5rem;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 16.25rem;
}

.main-footer-1 .middle .container .left .embed .box h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.25rem;
}

.main-footer-1 .middle .container .left .embed .box address {
  display: flex;
  align-items: flex-start;
  gap: 0.3125rem;
  font-style: normal;
}

.main-footer-1 .middle .container .left .embed .box address div span {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.24px;
  line-height: 1.4;
}

.main-footer-1 .middle .container .left .embed .box address div span+span {
  margin-top: 0.125rem;
}

.main-footer-1 .middle .container .left .embed .box address div span.cep {
  margin-top: 0.75rem;
}

.main-footer-1 .middle .container .left .embed .box .btn-primary {
  margin-top: 0.9375rem;
  height: 3rem;
  width: 100%;
}

.main-footer-1 .middle .container .left .embed .box .btn-primary span {
  font-size: 0.875rem;
}

.main-footer-1 .middle .container .right {
  flex: 1;
}

.main-footer-1 .middle .container .right form .input-group input,
.main-footer-1 .middle .container .right form .input-group textarea {
  color: #FFFFFF;
}

.main-footer-1 .middle .container .right form .input-group input:focus,
.main-footer-1 .middle .container .right form .input-group textarea:focus {
  outline: 0;
}

.main-footer-1 .middle .container .right form .column-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.875rem;
}

.main-footer-1 .middle .container .right form .column-2+.column-2 {
  margin-top: 1.875rem;
}

.main-footer-1 .middle .container .right form .input-group-radio {
  margin-block: 1.875rem;
}

.main-footer-1 .middle .container .right form .require-data {
  display: block;
  margin-top: 1.5rem;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.24px;
  line-height: 1.4;
  color: #F5F3F1;
}

.main-footer-1 .middle .container .right form .btn-primary {
  margin-inline: auto;
  margin-top: 3rem;
  padding-inline: 4rem;
  height: 4.5rem;
  overflow: hidden;
  border: none;
}

.main-footer-1 .middle .container .right .embed {
  display: none;
}

.main-footer-1 .middle-2 {
  padding-bottom: 4rem;
}

.main-footer-1 .middle-2 .container {
  justify-content: space-between;
  display: flex;
}

.main-footer-1 .middle-2 .container .left {
  margin-right: auto;
}

.main-footer-1 .middle-2 .container .left .logo {
  margin-bottom: 2.5rem;
}

.main-footer-1 .middle-2 .container .left nav {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}

.main-footer-1 .middle-2 .container .wrapper {
  display: flex;
  gap: 7.1875rem;
}

.main-footer-1 .middle-2 .container .wrapper .item h2 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
}

.main-footer-1 .middle-2 .container .wrapper .item nav a {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  line-height: 1.4;
  text-decoration: none;
}

.main-footer-1 .middle-2 .container .wrapper .item nav a+a {
  margin-top: 1.875rem;
}

.main-footer-1 .middle-2 .container .wrapper .item nav a:hover {
  text-decoration: underline;
}

.main-footer-1 .middle-2 .container .wrapper .item.social nav a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.main-footer-1 .bottom {
  padding-block: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #282828;
}

@media screen and (max-width: 1200px) {
  .main-footer-1 .top {
    padding-top: 5rem;
    padding-bottom: 3.125rem;
  }

  .main-footer-1 .middle {
    padding-bottom: 0rem;
  }

  .main-footer-1 .middle .container {
    flex-direction: column;
    gap: 3.125rem;
  }

  .main-footer-1 .middle .container .left {
    max-width: initial;
  }

  .main-footer-1 .middle .container .left p {
    margin-bottom: 0;
  }

  .main-footer-1 .middle .container .left .embed {
    display: none;
  }

  .main-footer-1 .middle .container .right form {
    margin-bottom: 4rem;
  }

  .main-footer-1 .middle .container .right form .btn-primary {
    height: 4rem;
    padding-inline: 0;
    width: 100%;
    max-width: 25rem;
  }

  .main-footer-1 .middle .container .right .embed {
    aspect-ratio: 16/9;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 1.25rem;
    position: relative;
    margin-bottom: 5rem;
  }

  .main-footer-1 .middle .container .right .embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .main-footer-1 .middle .container .right .embed .box {
    background-color: #FFFFFF;
    padding: 1.5rem;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 16.25rem;
  }

  .main-footer-1 .middle .container .right .embed .box h3 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #474948;
    letter-spacing: 0;
    line-height: 1.26;
    margin-bottom: 0.25rem;
  }

  .main-footer-1 .middle .container .right .embed .box address {
    display: flex;
    align-items: flex-start;
    gap: 0.3125rem;
    font-style: normal;
  }

  .main-footer-1 .middle .container .right .embed .box address div span {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    color: #222222;
    letter-spacing: -0.24px;
    line-height: 1.4;
  }

  .main-footer-1 .middle .container .right .embed .box address div span+span {
    margin-top: 0.125rem;
  }

  .main-footer-1 .middle .container .right .embed .box address div span.cep {
    margin-top: 0.75rem;
  }

  .main-footer-1 .middle .container .right .embed .box nav {
    margin-top: 0.9375rem;
  }

  .main-footer-1 .middle .container .right .embed .box nav a {
    display: flex;
    align-items: center;
    height: 3rem;
    justify-content: center;
    text-decoration: none;
    gap: 0.5rem;
    background-color: #F5F3F1;
  }

  .main-footer-1 .middle .container .right .embed .box nav a+a {
    margin-top: 0.5rem;
  }

  .main-footer-1 .middle .container .right .embed .box nav a span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.28px;
  }

  .main-footer-1 .middle .container .right .embed .box nav a.waze {
    background-color: #33CCFF;
  }

  .main-footer-1 .middle .container .right .embed .box .btn-primary {
    margin-top: 0.9375rem;
    height: 3rem;
    width: 100%;
  }

  .main-footer-1 .middle .container .right .embed .box .btn-primary span {
    font-size: 0.875rem;
  }

  .main-footer-1 .middle-2 .container {
    flex-direction: column;
    gap: 5rem;
  }

  .main-footer-1 .middle-2 .container .wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5rem;
  }
}

@media screen and (max-width: 993px) {
  .main-footer-1 {
    background-image: url(../images/bg-footer-mobile.svg);
  }

  .main-footer-1 .top .container h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    max-width: 37.5rem;
    margin-inline: auto;
  }

  .main-footer-1 .top .container .buttons {
    flex-direction: column;
    gap: 0.5rem;
  }

  .main-footer-1 .top .container .buttons .btn-primary,
  .main-footer-1 .top .container .buttons .btn-ghost {
    max-width: 25rem;
    padding-inline: 20px;
    width: 100%;
  }

  .main-footer-1 .middle .container .left h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .main-footer-1 .middle .container .left p {
    font-size: 1rem;
  }

  .main-footer-1 .middle-2 .container .wrapper {
    gap: 5rem;
  }

  .main-footer-1 .middle-2 .container .wrapper .item h2 {
    font-size: 1.25rem;
  }

  .main-footer-1 .middle-2 .container .wrapper .item nav a {
    font-size: 0.875rem;
  }

  .main-footer-1 .middle-2 .container .wrapper .item nav a+a {
    margin-top: 1.25rem;
  }
}

@media screen and (max-width: 640px) {
  .main-footer-1 .middle .container .right form .column-2 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 550px) {
  .main-footer-1 .middle .container .right .embed {
    aspect-ratio: 335/690;
  }

  .main-footer-1 .middle-2 .container .wrapper {
    flex-direction: column;
  }
}

.input-group label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.input-group input,
.input-group textarea {
  border: 1px solid #F5F3F1;
  display: block;
  width: 100%;
  background-color: transparent;
  height: 60px;
  padding-inline: 24px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.32px;
}

.input-group input::-moz-placeholder,
.input-group textarea::-moz-placeholder {
  color: #989A9C;
}

.input-group input::placeholder,
.input-group textarea::placeholder {
  color: #989A9C;
}

.input-group input.icon-calendar {
  background-image: url(../images/icon-calendar.svg);
  background-position: right 22px center;
  background-repeat: no-repeat;
}

.input-group textarea {
  height: 260px;
  resize: none;
  padding-block: 10px;
}

.input-group-radio .label {
  display: block;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.input-group-radio .wrapper {
  display: flex;
  align-items: center;
  gap: 48px;
}

.input-group-radio .wrapper div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.input-group-radio .wrapper input[type=radio] {
  -webkit-appearance: unset;
  -moz-appearance: unset;
  appearance: unset;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1px solid #F5F3F1;
  cursor: pointer;
  transition: border 200ms ease, outline 200ms ease, background-color 200ms ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-group-radio .wrapper input[type=radio]:checked {
  background-color: #F5F3F1;
  border: 3px solid #505050;
  outline: 1px solid #F5F3F1;
}

.input-group-radio .wrapper label {
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: -0.32px;
}

@media screen and (max-width: 768px) {
  .input-group-radio .wrapper {
    gap: 1.25rem;
    justify-content: space-between;
  }
}

.input-group-select {
  position: relative;
}

.input-group-select .category-list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10;
  max-height: 220px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  transition: all 0.2s;
}

.input-group-select.open .category-list {
  display: block;
}

.input-group-select .category-list li {
  padding: 12px 16px;
  cursor: pointer;
  color: #333;
  font-size: 1rem;
  transition: background 0.15s;
}

.input-group-select .category-list li:hover,
.input-group-select .category-list li:focus {
  background: #f3f2fa;
  color: #3F3F3F;
  outline: none;
}

.input-group-select .label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.input-group-select label {
  border: 1px solid #F5F3F1;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 1.5rem;
}

.input-group-select label span {
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.input-group-select .modal-select {
  border: 1px solid #F5F3F1;
  list-style: none;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  background-color: #474948;
  z-index: 3;
  margin-top: 20px;
  transition: 200ms;
  opacity: 0;
  visibility: hidden;
}

.input-group-select .modal-select li {
  padding-inline: 1.5rem;
  padding-block: 0.625rem;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  transition: 200ms;
}

.input-group-select .modal-select li button {
      background: none;
    border: none;
    color: #FFF;
}

.input-group-select .modal-select li:hover {
  background-color: #6a6a6a;
}

.input-group-select.active .modal-select {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.btn-primary {
  height: 4.5rem;
  padding-inline: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition: 200ms;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0;
}

.btn-primary::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(77.11deg, #474948 -29.2%, #989A9C 267.43%);
  opacity: 1;
  transition: 200ms;
}

.btn-primary span {
  position: relative;
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
}

.btn-primary:hover {
  transform: scale(1.05);
}

.btn-primary:hover::after {
  background: linear-gradient(120.11deg, #818683 -29.2%, #989A9C 267.43%);
}

@media screen and (max-width: 993px) {
  .btn-primary {
    height: 4rem;
    width: 100%;
    max-width: 400px;
    padding-inline: 0;
    border-radius: 0;
  }

  .btn-primary span {
    font-size: 1.125rem;
  }
}

.btn-ghost {
  height: 4.5rem;
  padding-inline: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition: 200ms;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0;
}

.btn-ghost::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  transition: 200ms;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #FFFFFF;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.btn-ghost span {
  position: relative;
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
}

.btn-ghost:hover {
  transform: scale(1.05);
}

.btn-ghost:hover::after {
  box-shadow: 0 8px 40px rgba(255, 255, 255, 0.3), 0 0 20px rgba(255, 255, 255, 0.2) inset;
}

@media screen and (max-width: 993px) {
  .btn-ghost {
    height: 4rem;
    width: 100%;
    max-width: 400px;
    padding-inline: 0;
    border-radius: 0;
  }
}

.btn-float-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: linear-gradient(86.06deg, #30C96B -4.52%, #3DA666 88.2%);
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  height: 4rem;
  padding-inline: 2.9375rem;
  text-decoration: none;
  width: -moz-max-content;
  width: max-content;
  position: fixed;
  bottom: 1.25rem;
  right: 0.875rem;
  transition: 200ms;
  z-index: 10;
}

.btn-float-whatsapp span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
}

.btn-float-whatsapp:hover {
  transform: scale(1.05);
}


.our-space {
  margin-bottom: 10rem;
}

.our-space .container {
  display: flex;
  gap: 5.3125rem;
}

.our-space .container .left {
  max-width: 33.125rem;
}

.our-space .container .left h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 2rem;
}

.our-space .container .right {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 5.25rem;
  column-gap: 5.25rem;
  row-gap: 4rem;
}

.our-space .container .right .item svg {
  margin-bottom: 0.75rem;
}

.our-space .container .right .item h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.5rem;
}

.our-space .container .right .item p {
  font-size: 1rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.our-space .container>.btn-primary {
  display: none;
}

@media screen and (max-width: 1330px) {
  .our-space .container {
    flex-direction: column;
    gap: 0;
  }

  .our-space .container .left .btn-primary {
    display: none;
  }

  .our-space .container>.btn-primary {
    display: flex;
    margin-top: 3rem;
  }
}

@media screen and (max-width: 993px) {
  .our-space {
    margin-bottom: 5rem;
  }

  .our-space .container .left h2 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    max-width: 27.5rem;
  }

  .our-space .container .right {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .our-space .container .right .item svg {
    margin-bottom: 0.75rem;
  }

  .our-space .container .right .item h3 {
    font-size: 1.25rem;
    line-height: 1.26;
    margin-bottom: 0.5rem;
  }

  .our-space .container .right .item p {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -0.32px;
  }
}

.differentials {
  margin-bottom: 7.5rem;
}

.differentials .container header h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.75rem;
  text-align: center;
}

.differentials .container header p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
  max-width: 71.25rem;
  margin-bottom: 2rem;
  margin-inline: auto;
}

.differentials .container .wrapper {
  /* use flex so cards are centered when there are fewer items */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9375rem;

}

.differentials .container .wrapper .card {
  min-height: 16.875rem;
  border: 1px solid #474948;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 0.625rem;
  box-sizing: border-box;
  /* try to fit up to 5 cards on wide screens */
  flex: 0 0 calc(19% - 0.5625rem);
  max-width: calc(19% - 0.5625rem);
}

.differentials .container .wrapper .card svg {
  margin-top: 5rem;
  margin-bottom: 1rem;
}

.differentials .container .wrapper .card h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
}

@media screen and (max-width: 1300px) {
  .differentials .container .wrapper .card {
    flex: 0 0 calc(50% - 0.46875rem);
    max-width: calc(50% - 0.46875rem);
  }
}

@media screen and (max-width: 993px) {
  .differentials {
    margin-bottom: 5rem;
  }

  .differentials .container header h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .differentials .container header p {
    font-size: 1rem;
    line-height: 1.4;
    max-width: 35rem;
    margin-inline: auto;
  }

  .differentials .container .wrapper .card {
    min-height: 8.75rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.125rem;
  }

  .differentials .container .wrapper .card svg {
    margin-top: 0;
    margin-bottom: 0;
  }

  .differentials .container .wrapper .card h3 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 769px) {
  .differentials .container .wrapper .card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 200ms;
}

.modal.modal-open-companie .modal-content {
  max-width: 49.375rem;
  background-color: #F5F3F1;
  overflow-y: auto;
  max-height: 95vh;
  position: relative;
}

.modal.modal-open-companie .modal-content .cover {
  height: 29.5rem;
  background-color: #3078FF;
  position: relative;
}

.modal.modal-open-companie .modal-content .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.modal.modal-open-companie .modal-content .cover .category {
  position: absolute;
  bottom: -1.25rem;
  left: 3rem;
  height: 2.5rem;
  padding-inline: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: -0.32px;
  background-color: #474948;
  border-radius: 40px;
  border: 1px solid #F5F3F1;
}

.modal.modal-open-companie .modal-content .info {
  background-color: #F5F3F1;
  padding-top: 2.5rem;
  padding-inline: 3rem;
  padding-bottom: 2rem;
}

.modal.modal-open-companie .modal-content .info h2 {
  font-size: 2rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.5rem;
}

.modal.modal-open-companie .modal-content .info p {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.modal.modal-open-companie .modal-content .info .wrapper {
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: flex;
  max-width: 32.5rem;
}

.modal.modal-open-companie .modal-content .info .wrapper .item+.item {
  margin-top: 1.6875rem;
}

.modal.modal-open-companie .modal-content .info .wrapper .item h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #474948;
  letter-spacing: -0.28px;
  line-height: 1.6;
  margin-bottom: 0.125rem;
}

.modal.modal-open-companie .modal-content .info .wrapper .item p {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.6;
}

.modal.modal-open-companie .modal-content .info .wrapper .separator {
  flex: 1;
  max-width: 1px;
  background-color: #3F3F3F;
  margin-left: 12.5rem;
  margin-right: 6.25rem;
}

.modal.modal-open-companie .modal-content .info .btn-whatsapp {
  height: 5rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  overflow: hidden;
  background-color: #208948;
  text-decoration: none;
}

.modal.modal-open-companie .modal-content .info .btn-whatsapp::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(86.06deg, #30C96B -4.52%, #3DA666 88.2%);
  transition: 200ms;
}

.modal.modal-open-companie .modal-content .info .btn-whatsapp span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #F3F2FA;
  letter-spacing: 0;
  position: relative;
  z-index: 2;
}

.modal.modal-open-companie .modal-content .info .btn-whatsapp svg {
  position: relative;
  z-index: 2;
}

.modal.modal-open-companie .modal-content .info .btn-whatsapp:hover::after {
  opacity: 0.4;
}

.modal.modal-open-companie .modal-content .btn-close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 3;
  font-size: 0;
  border: 0;
  background-color: transparent;
}

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

@media screen and (max-width: 993px) {
  .modal.modal-open-companie {
    align-items: flex-end;
  }

  .modal.modal-open-companie .modal-content {
    max-width: initial;
    max-height: initial;
    height: calc(100% - 80px);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .modal.modal-open-companie .modal-content .cover {
    height: 18.125rem;
  }

  .modal.modal-open-companie .modal-content .cover .category {
    left: 1.25rem;
  }

  .modal.modal-open-companie .modal-content .info {
    padding-inline: 1.25rem;
    padding-top: 2rem;
  }

  .modal.modal-open-companie .modal-content .info h2 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .modal.modal-open-companie .modal-content .info p {
    font-size: 0.875rem;
  }

  .modal.modal-open-companie .modal-content .info .wrapper {
    margin-top: 1.125rem;
    margin-bottom: 2.125rem;
    flex-direction: column;
    gap: 1.25rem;
  }

  .modal.modal-open-companie .modal-content .info .wrapper .item+.item {
    margin-top: 1.25rem;
  }

  .modal.modal-open-companie .modal-content .info .btn-whatsapp {
    height: 4rem;
  }

  .modal.modal-open-companie .modal-content .info .btn-whatsapp span {
    font-size: 1rem;
  }

  .modal.modal-open-companie .modal-content .btn-close {
    position: fixed;
    top: 6.25rem;
    right: 1.25rem;
  }
}

.box-audio {
  margin-top: auto;
}

.box-audio .title {
  font-size: 16px;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: -0.4px;
  line-height: 140%;
  margin-bottom: 8px;
  display: block;
}

.box-audio .controlls {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  background-color: #F5F3F1;
  gap: 30px;
}

.box-audio .controlls .left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.box-audio .controlls .left span {
  font-size: 16px;
  font-weight: 500;
  color: #474948;
  letter-spacing: -0.4px;
}

.box-audio .controlls .left .play-pause {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

.box-audio .controlls .progress {
  flex: 1;
  height: 6px;
  background-color: #CECECE;
}

.box-audio .controlls .progress .percentage {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #32394D;
}

.box-audio .controlls .volume {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

@media screen and (max-width: 993px) {
  .box-audio .title {
    font-size: 0.875rem;
  }

  .box-audio .controlls {
    padding-block: 1rem;
  }

  .box-audio .controlls .left span {
    font-size: 12px;
  }
}

.page-01-home .hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-01-home .hero-2 {
  overflow: hidden;
}

.page-01-home .hero .container {
  padding-block: 19.375rem;
}

.page-01-home .hero .container h1 {
  max-width: 47.5rem;
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 1rem;
}

.page-01-home .hero .container p {
  max-width: 47.5rem;
  margin-inline: auto;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
  margin-bottom: 3rem;
}

.page-01-home .hero .container .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  gap: 1.875rem;
}

.page-01-home .hero .container .buttons .btn-ghost,
.page-01-home .hero .container .buttons .btn-primary {
  padding-inline: 5.625rem;
}

.page-01-home .hero .container .buttons .btn-ghost span,
.page-01-home .hero .container .buttons .btn-primary span {
  font-size: 1.5rem;
  letter-spacing: -0.48px;
}

@media screen and (max-width: 993px) {
  .page-01-home .hero .container {
    padding-top: 15rem;
    padding-bottom: 2.5rem;
  }

  .page-01-home .hero .container h1 {
    margin-bottom: 0.8125rem;
    font-size: 2.5rem;
    line-height: 1.2;
    max-width: 31.25rem;
    margin-inline: auto;
  }

  .page-01-home .hero .container p {
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: -0.32px;
    line-height: 1.6;
    margin-bottom: 11.125rem;
  }

  .page-01-home .hero .container .buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .page-01-home .hero .container .buttons .btn-primary,
  .page-01-home .hero .container .buttons .btn-ghost {
    height: 4rem;
    max-width: 25rem;
    width: 100%;
    padding-inline: 0.625rem;
  }

  .page-01-home .hero .container .buttons .btn-primary span,
  .page-01-home .hero .container .buttons .btn-ghost span {
    font-size: 1.25rem;
  }
}

.page-01-home .hero-2 .top {
  padding-top: 5rem;
  padding-bottom: 28.75rem;
  background-image: url(../images/bg-hero-2.svg);
  background-color: #474948;
  background-repeat: no-repeat;
  background-position: bottom 66px center;
  background-size: 100%;
}

.page-01-home .hero-2 .top .container .card {
  aspect-ratio: 39/58;
  position: relative;
}

.page-01-home .hero-2 .top .container .card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.page-01-home .hero-2 .top .container .card span {
  position: absolute;
  bottom: 1.375rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  height: 3.5rem;
  padding-inline: 4rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 48px;
  width: -moz-max-content;
  width: max-content;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
}

.page-01-home .hero-2 .top .container .swiper {
  max-width: 76.875rem;
  margin-inline: auto;
  margin-bottom: 5.9375rem;
}

.page-01-home .hero-2 .top .container .box-1,
.page-01-home .hero-2 .top .container .box-2 {
  max-width: 50.625rem;
  margin-bottom: 4rem;
}

.page-01-home .hero-2 .top .container .box-1 p,
.page-01-home .hero-2 .top .container .box-2 p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

.page-01-home .hero-2 .top .container .box-1 p+p,
.page-01-home .hero-2 .top .container .box-2 p+p {
  margin-top: 1.5625rem;
}

.page-01-home .hero-2 .top .container .box-2 {
  margin-left: auto;
}

.page-01-home .hero-2 .top .container .btn-ghost {
  margin-inline: auto;
}

@media screen and (max-width: 993px) {
  .page-01-home .hero-2 .top {
    padding-top: 2.5rem;
    padding-bottom: 10.9375rem;
    background-image: url(../images/bg-hero-2-mobile.svg);
    background-position: top 346px center;
    background-size: 100%;
  }

  .page-01-home .hero-2 .top .container .swiper {
    width: calc(100% + 20px);
    margin-bottom: 5rem;
    padding-bottom: 2.5rem;
  }

  .page-01-home .hero-2 .top .container .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  /* Ensure hero-2 pagination stays visible on small screens */
  .page-01-home .hero-2 .swiper-pagination {
    bottom: 0 !important;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
  }

  .page-01-home .hero-2 .top .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #383838;
    opacity: 1;
  }

  .page-01-home .hero-2 .top .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF;
  }

  /* Make sure active dot for hero-2 is white on all breakpoints and not overridden */
  .page-01-home .hero-2 .swiper-pagination .swiper-pagination-bullet {
    background-color: #383838;
    opacity: 1;
  }

  .page-01-home .hero-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF !important;
  }

  .page-01-home .hero-2 .top .container .box-1,
  .page-01-home .hero-2 .top .container .box-2 {
    max-width: initial;
    margin-bottom: 1.5625rem;
  }

  .page-01-home .hero-2 .top .container .box-1 p,
  .page-01-home .hero-2 .top .container .box-2 p {
    font-size: 0.875rem;
    letter-spacing: -0.28px;
  }

  .page-01-home .hero-2 .top .container .box-2:last-of-type {
    margin-bottom: 0;
  }

  .page-01-home .hero-2 .top .container .btn-ghost {
    margin-top: 2rem;
  }
}

.page-01-home .hero-2 .bottom {
  margin-top: -23.75rem;
}

.page-01-home .hero-2 .bottom .container .embed {
  aspect-ratio: 16/9;
  background-color: #323232;
  max-width: 85.625rem;
  margin-inline: auto;
}

@media screen and (max-width: 993px) {
  .page-01-home .hero-2 .bottom {
    margin-top: -5.9375rem;
  }

  .page-01-home .hero-2 .bottom .container .embed {
    max-width: 50rem;
  }
}

.page-01-home .plans {
  margin-block: 10rem;
}

.page-01-home .plans .container .module {
  padding-inline: 2rem;
  height: 2.8125rem;
  border-radius: 24px;
  background-color: #474948;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-bottom: 1rem;
}

.page-01-home .plans .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-inline: auto;
  max-width: 76.875rem;
  margin-bottom: 0.75rem;
}

.page-01-home .plans .container>p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
  margin-inline: auto;
  max-width: 68.75rem;
  margin-bottom: 3rem;
}

.page-01-home .plans .container .item {
  position: relative;
  cursor: pointer;
  aspect-ratio: 670/400;
}

.page-01-home .plans .container .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-01-home .plans .container .item .box-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.page-01-home .plans .container .item .box-inner h3 {
  padding-block: 1.4375rem;
  padding-inline: 2.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
  line-height: 1.4;
  transition: 200ms;
}

.page-01-home .plans .container .item .box-inner .box-hidden {
  max-height: 0;
  transition: 200ms;
  overflow: hidden;
  padding-inline: 40px;
}

.page-01-home .plans .container .item .box-inner .box-hidden p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  max-width: 30.625rem;
}

.page-01-home .plans .container .item .box-inner .box-hidden .btn-more {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  text-decoration: none;
}

.page-01-home .plans .container .item .box-inner .box-hidden .btn-more span {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}

.page-01-home .plans .container .item:hover .box-inner h3 {
  padding-top: 2rem;
  padding-bottom: 0.75rem;
}

.page-01-home .plans .container .item:hover .box-inner .box-hidden {
  max-height: 1000px;
  padding-bottom: 2rem;
}

.page-01-home .plans .container .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.875rem;
  margin-bottom: 4rem;
}

.page-01-home .plans .container .swiper-plans {
  display: none;
}

.page-01-home .plans .container .btn-primary {
  margin-inline: auto;
}

@media screen and (max-width: 1100px) {
  .page-01-home .plans .container .wrapper {
    display: none;
  }

  .page-01-home .plans .container .swiper-plans {
    display: block;
    width: calc(100% + 40px);
    margin-bottom: 2rem;
    padding-bottom: 2.625rem;
  }

  .page-01-home .plans .container .swiper-plans .swiper-slide .item:hover .box-inner {
    opacity: 0;
  }

  .page-01-home .plans .container .swiper-plans .swiper-slide .item:hover .box-inner .box-hidden {
    max-height: 0;
    padding-bottom: 0rem;
  }

  .page-01-home .plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner {
    opacity: 1;
  }

  .page-01-home .plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner h3 {
    padding-top: 1.4375rem;
    padding-bottom: 0.75rem;
    font-size: 1.5rem;
  }

  .page-01-home .plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner .box-hidden {
    max-height: 1000px;
    padding-bottom: 2rem;
  }

  .page-01-home .plans .container .swiper-plans .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  .page-01-home .plans .container .swiper-plans .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
    opacity: 1;
  }

  .page-01-home .plans .container .swiper-plans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #474948 !important;
  }
}

@media screen and (max-width: 993px) {
  .page-01-home .plans {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .page-01-home .plans .container .module {
    padding-inline: 2rem;
    height: 2.375rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .page-01-home .plans .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.26;
    max-width: 31.25rem;
    margin-inline: auto;
  }

  .page-01-home .plans .container>p {
    font-size: 1rem;
    max-width: 31.25rem;
    margin-inline: auto;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }

  .page-01-home .plans .container .item {
    aspect-ratio: 335/400;
  }

  .page-01-home .plans .container .item .box-inner h3 {
    padding-inline: 1.25rem;
  }

  .page-01-home .plans .container .item .box-inner .box-hidden {
    padding-inline: 1.25rem;
  }

  .page-01-home .plans .container .swiper-plans {
    width: calc(100% + 20px);
  }
}

.page-01-home .review {
  margin-bottom: 18.125rem;
}

.page-01-home .review .container .module {
  padding-inline: 2rem;
  height: 2.8125rem;
  border-radius: 24px;
  background-color: #474948;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-bottom: 1rem;
}

.page-01-home .review .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-inline: auto;
  max-width: 76.875rem;
  margin-bottom: 1.5rem;
}

.page-01-home .review .container .card-review {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3.125rem;
  position: relative;
  aspect-ratio: 1370/750;
}

.page-01-home .review .container .card-review .bg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.page-01-home .review .container .card-review .box {
  padding: 2.8125rem 3.125rem 3rem 2.5rem;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  max-width: 30.625rem;
  position: relative;
  z-index: 2;
}

.page-01-home .review .container .card-review .box svg {
  margin-bottom: 1.75rem;
}

.page-01-home .review .container .card-review .box p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

.page-01-home .review .container .card-review .box p+p {
  margin-top: 1.5625rem;
}

.page-01-home .review .container .card-review .box .person {
  display: flex;
  align-items: center;
  gap: 1.0625rem;
  margin-top: 2.5rem;

  border-radius: 50%;
}

.page-01-home .review .container .card-review .box .person img {
  display: block;
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.page-01-home .review .container .card-review .box .person div .name {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.48;
  line-height: 1.4;
  color: #FFFFFF;
}

.page-01-home .review .container .card-review .box .person div .role {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.28;
  line-height: 1.4;
  color: #FFFFFF;
}

.page-01-home .review .container .swiper {
  position: relative;
  padding-right: 24px;
  width: calc(100% + 48px);
  margin-left: -24px;
  padding-bottom: 2.5rem;
}

.page-01-home .review .container .swiper::before {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: #FFFFFF;
  z-index: 3;
}

.page-01-home .review .container .swiper::after {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: #FFFFFF;
  z-index: 3;
}

.page-01-home .review .container .swiper .swiper-slide {
  padding-right: 1.5rem;
}

.page-01-home .review .container .swiper .swiper-wrapper {
  padding-left: 24px;
}

.page-01-home .review .container .swiper .swiper-pagination-fraction {
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  font-family: "Vastago", sans-serif;
}

.page-01-home .hero-2 .swiper-pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  /* move dots further down without hiding them */
  z-index: 50;
  margin-top: 0;
}

/* Ensure the swiper container allows the pagination to be visible outside its bounds */
.page-01-home .hero-2 .top,
.page-01-home .hero-2 .top .container,
.page-01-home .hero-2 .top .container .swiper {
  overflow: visible;
}

.page-01-home .swiper-pagination-bullet-active {
  background-color: #FFFFFF !important;
}

.page-01-home .review .container .swiper .swiper-pagination {
  display: flex;
  gap: 0;
  height: 16px;
  width: calc(100% - 48px);
  margin-inline: auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
}

.page-01-home .review .container .swiper .swiper-pagination .swiper-pagination-bullet {
  flex: 1;
  width: auto;
  height: 16px;
  border-radius: 0;
  margin-inline: 0;
}

.page-01-home .review .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #474948 !important;
}

.page-01-home .review .container .swiper .swiper-button-next,
.page-01-home .review .container .swiper .swiper-button-prev {
  background-color: #474948;
  background-position: center center;
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
}

.page-01-home .review .container .swiper .swiper-button-next svg,
.page-01-home .review .container .swiper .swiper-button-prev svg {
  display: none;
}

.page-01-home .review .container .swiper .swiper-button-prev {
  background-image: url(../images/swiper-arrow-prev-1.svg);
}

.page-01-home .review .container .swiper .swiper-button-next {
  background-image: url(../images/swiper-arrow-next-1.svg);
}

@media screen and (max-width: 993px) {
  .page-01-home .review {
    margin-bottom: 0;
  }

  .page-01-home .review .container .module {
    padding-inline: 2rem;
    height: 2.375rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .page-01-home .review .container h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.26;
    max-width: 31.25rem;
    margin-inline: auto;
  }

  .page-01-home .review .container .card-review {
    padding: 1.25rem;
  }

  .page-01-home .review .container .card-review .box {
    padding: 2.5rem 1.25rem 3.125rem 1.25rem;
    max-width: 20.9375rem;
  }

  .page-01-home .review .container .card-review .box svg {
    margin-bottom: 0.625rem;
  }

  .page-01-home .review .container .card-review .box p {
    font-size: 0.875rem;
    letter-spacing: -0.28px;
  }

  .page-01-home .review .container .card-review .box .person {
    margin-top: 1rem;
    gap: 0.75rem;
  }

  .page-01-home .review .container .card-review .box .person img {
    width: 3rem;
    height: 3rem;
  }

  .page-01-home .review .container .card-review .box .person div .name {
    font-size: 1.25rem;
  }

  .page-01-home .review .container .card-review .box .person div .role {
    font-size: 0.75rem;
  }

  .page-01-home .review .container .swiper {
    width: calc(100% + 40px);
    margin-left: -1.25rem;
    margin-bottom: 12.5rem;
    padding-bottom: 2.5rem;
    padding-right: 0;
  }

  .page-01-home .review .container .swiper::after,
  .page-01-home .review .container .swiper::before {
    display: none;
  }

  .page-01-home .review .container .swiper .swiper-wrapper {
    padding-left: 0;
  }

  .page-01-home .review .container .swiper .swiper-slide {
    width: 100%;
    padding-right: 0;
  }

  .page-01-home .review .container .swiper .swiper-button-next,
  .page-01-home .review .container .swiper .swiper-button-prev,
  .page-01-home .review .container .swiper .swiper-pagination-fraction {
    display: none;
  }

  .page-01-home .review .container .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
    gap: 0.5rem;
    justify-content: center;
    display: flex;
  }

  .page-01-home .review .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
    opacity: 1;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    flex: initial;
  }

  .page-01-home .review .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #474948;
  }
}

@media screen and (max-width: 440px) {
  .page-01-home .review .container .card-review {
    padding: 24.75rem 1.25rem 2.5rem 1.25rem;
  }

  .page-01-home .review .container .card-review .box {
    max-width: 95vw;
    min-height: 450px;
  }
}

.page-01-home .companies {
  margin-bottom: 10rem;
}

.page-01-home .companies .container .swiper-companies {
  --edge-fade: 120px;
  /* aumente/diminua o "alcance" do fade */
  /* máscara: transparente nas bordas → opaco no meio */
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgb(0, 0, 0) var(--edge-fade), rgb(0, 0, 0) calc(100% - var(--edge-fade)), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgb(0, 0, 0) var(--edge-fade), rgb(0, 0, 0) calc(100% - var(--edge-fade)), rgba(0, 0, 0, 0) 100%);
}

@media screen and (max-width: 993px) {
  .page-01-home .companies {
    margin-bottom: 12.5rem;
  }
}

@media screen and (max-width: 768px) {
  .page-01-home .companies .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.page-01-home .networking {
  margin-bottom: 10rem;
}

.page-01-home .networking .container .module {
  padding-inline: 2rem;
  height: 2.8125rem;
  border-radius: 24px;
  background-color: #474948;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-bottom: 1rem;
}

.page-01-home .networking .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-inline: auto;
  max-width: 76.875rem;
  margin-bottom: 0.75rem;
}

.page-01-home .networking .container>p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
  margin-inline: auto;
  max-width: 74.375rem;
  margin-bottom: 3rem;
}

.page-01-home .networking .container .swiper {
  max-width: 85.625rem;
  margin-inline: auto;
  margin-bottom: 4rem;
}

.page-01-home .networking .container .card-networking .cover {
  height: 22.5rem;
}

.page-01-home .networking .container .card-networking .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-01-home .networking .container .card-networking .desc {
  padding: 2.125rem 5rem 7.5rem 2rem;
  background-color: #474948;
  position: relative;
}

.page-01-home .networking .container .card-networking .desc .category {
  padding-inline: 2rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F3F1;
  border-radius: 24px;
  border: 1px solid #474948;
  position: relative;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  position: absolute;
  top: -1.0625rem;
}

.page-01-home .networking .container .card-networking .desc h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
  height: 55px;
  overflow: hidden;
}

.page-01-home .networking .container .card-networking .desc .date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-01-home .networking .container .card-networking .desc hr {
  margin-top: 1.375rem;
  margin-bottom: 1.5rem;
  background-color: #F5F3F1;
  border: 0;
  height: 1px;
  width: 100%;
}

.page-01-home .networking .container .card-networking .desc p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.28;
  line-height: 1.4;
  height: 60px;
  overflow: hidden;
}

.page-01-home .networking .container .card-networking .desc p+p {
  margin-top: 1.5625rem;
}

.page-01-home .networking .container .card-networking .desc a.btn-more {
  display: flex;
  align-items: center;
  margin-top: 2.625rem;
  text-decoration: none;
  gap: 0.3125rem;
  border-bottom: 1px solid #FFFFFF;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: 2.5rem;
}

.page-01-home .networking .container .card-networking .desc a.btn-more span {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}

.page-01-home .networking .container .btn-primary {
  margin-inline: auto;
}

@media screen and (max-width: 1100px) {
  .page-01-home .networking .container .swiper {
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 993px) {
  .page-01-home .networking {
    margin-bottom: 5rem;
  }

  .page-01-home .networking .container .module {
    padding-inline: 2rem;
    height: 2.375rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .page-01-home .networking .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.26;
    max-width: 25rem;
    margin-inline: auto;
  }

  .page-01-home .networking .container>p {
    font-size: 1rem;
    max-width: 31.25rem;
    margin-inline: auto;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }

  .page-01-home .networking .container .swiper {
    width: calc(100% + 20px);
    padding-bottom: 2.5rem;
  }

  .page-01-home .networking .container .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  .page-01-home .networking .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
    opacity: 1;
  }

  .page-01-home .networking .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #474948 !important;
  }

  .page-01-home .networking .container .card-networking .cover {
    height: auto;
    aspect-ratio: 335/250;
  }

  .page-01-home .networking .container .card-networking .desc {
    padding-bottom: 5.625rem;
    padding-inline: 1.5rem;
  }

  .page-01-home .networking .container .card-networking .desc h3 {
    font-size: 1.25rem;
  }

  .page-01-home .networking .container .card-networking .desc hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.page-02-sobre {
  background-color: #F3F2FA;
}

.page-02-sobre .hero {
  padding-top: 24.625rem;
  padding-bottom: 22.25rem;
  background-image: url(../images/bg-hero-about.svg);
  background-color: #474948;
  margin-bottom: 7.75rem;
  background-position: center bottom;
  background-size: 100%;
}

.page-02-sobre .hero .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9.375rem;
  padding-inline: 0;
}

.page-02-sobre .hero .container h1 {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  max-width: 43.125rem;
}

.page-02-sobre .hero .container .text {
  max-width: 33.125rem;
}

.page-02-sobre .hero .container .text p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

@media screen and (max-width: 1450px) {
  .page-02-sobre .hero {
    padding-top: 12.375rem;
    padding-bottom: 7.25rem;
  }

  .page-02-sobre .hero .container {
    flex-direction: column;
    gap: 1.25rem;
  }

  .page-02-sobre .hero .container p {
    text-align: center;
  }
}

@media screen and (max-width: 993px) {
  .page-02-sobre .hero {
    margin-bottom: 4rem;
    padding-bottom: 6.25rem;
    background-image: url(../images/bg-hero-about-mobile.svg);
    background-size: cover;
  }

  .page-02-sobre .hero .container {
    gap: 1.25rem;
    padding-inline: 20px;
  }

  .page-02-sobre .hero .container h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    text-align: center;
  }

  .page-02-sobre .hero .container .text p {
    font-size: 1rem;
    line-height: 1.6;
  }
}

.page-02-sobre .history {
  margin-bottom: 12.5rem;
}

.page-02-sobre .history .container {
  display: flex;
  gap: 7.5rem;
}

.page-02-sobre .history .container .left {
  max-width: 36.25rem;
}

.page-02-sobre .history .container .left h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.6875rem;
}

.page-02-sobre .history .container .left .wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.875rem;
}

.page-02-sobre .history .container .left .wrapper .item {
  padding-left: 3.3125rem;
  position: relative;
}

.page-02-sobre .history .container .left .wrapper .item::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: #474948;
  border-radius: 999px;
  display: block;
  position: absolute;
  left: 5px;
  top: 8px;
  transition: 200ms;
  border: 4px solid #F3F2FA;
  outline: 1px solid #F3F2FA;
}

.page-02-sobre .history .container .left .wrapper .item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 3px;
  height: calc(100% + 40px);
  position: absolute;
  left: 16px;
  top: 28px;
  z-index: 1;
  background-image: url(../images/line-dash-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.page-02-sobre .history .container .left .wrapper .item p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

.page-02-sobre .history .container .left .wrapper .item:hover::before {
  border: 4px solid #FFFFFF;
  outline: 1px solid #474948;
  z-index: 2;
}

.page-02-sobre .history .container .cover {
  max-width: 41.875rem;
  position: relative;
}

.page-02-sobre .history .container .cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-02-sobre .history .container .cover span {
  position: absolute;
  bottom: 1.875rem;
  left: 4.375rem;
  right: 4.375rem;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  height: 3.5rem;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

@media screen and (max-width: 1400px) {
  .page-02-sobre .history .container {
    flex-direction: column;
    gap: 3rem;
  }
}

@media screen and (max-width: 993px) {
  .page-02-sobre .history {
    margin-bottom: 5rem;
  }

  .page-02-sobre .history .container {
    gap: 3rem;
  }

  .page-02-sobre .history .container .left h2 {
    margin-bottom: 2.125rem;
    font-size: 1.5rem;
  }

  .page-02-sobre .history .container .left .wrapper .item {
    padding-left: 2.75rem;
  }

  .page-02-sobre .history .container .left .wrapper .item p {
    font-size: 0.875rem;
  }

  .page-02-sobre .history .container .cover {
    width: 100%;
  }

  .page-02-sobre .history .container .cover img {
    display: block;
    width: 100%;
  }

  .page-02-sobre .history .container .cover span {
    font-size: 0.875rem;
    height: auto;
    padding: 0.625rem 3.125rem;
    text-align: center;
    width: 100%;
    max-width: 286px;
    left: 50%;
    transform: translate(-50%);
  }
}

.page-02-sobre .culture-and-values {
  margin-bottom: 10rem;
}

.page-02-sobre .culture-and-values .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-bottom: 0.75rem;
}

.page-02-sobre .culture-and-values .container>p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  max-width: 70rem;
  margin-inline: auto;
  text-align: center;
}

.page-02-sobre .culture-and-values .container .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.page-02-sobre .culture-and-values .container .wrapper .card {
  padding: 3.125rem 3.75rem 3.125rem 2.5rem;
  border: 1px solid #474948;
}

.page-02-sobre .culture-and-values .container .wrapper .card .icon {
  height: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.page-02-sobre .culture-and-values .container .wrapper .card h3 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.5rem;
}

.page-02-sobre .culture-and-values .container .wrapper .card p {
  font-size: 1rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

@media screen and (max-width: 993px) {
  .page-02-sobre .culture-and-values {
    margin-bottom: 2.5rem;
  }

  .page-02-sobre .culture-and-values .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .page-02-sobre .culture-and-values .container>p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    max-width: 31.25rem;
    margin-inline: auto;
  }

  .page-02-sobre .culture-and-values .container .wrapper {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  .page-02-sobre .culture-and-values .container .wrapper .card {
    padding: 2rem;
  }

  .page-02-sobre .culture-and-values .container .wrapper .card .icon {
    margin-bottom: 1.25rem;
  }

  .page-02-sobre .culture-and-values .container .wrapper .card h3 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.6;
  }

  .page-02-sobre .culture-and-values .container .wrapper .card p {
    font-size: 1rem;
    letter-spacing: -0.32px;
    line-height: 1.4;
  }
}

.page-02-sobre .video {
  aspect-ratio: 16/9;
  background-color: #323232;
  width: 100%;
  max-width: 85.625rem;
  margin-inline: auto;
  margin-bottom: 10rem;
}

@media screen and (max-width: 1450px) {
  .page-02-sobre .video {
    max-width: 68.75rem;
  }
}

@media screen and (max-width: 1200px) {
  .page-02-sobre .video {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 993px) {
  .page-02-sobre .video {
    width: calc(100% - 40px);
    margin-bottom: 5rem;
  }
}

.page-02-sobre .main-footer-1 {
  padding-top: 7.5rem;
}

.page-03-estrutura-e-diferenciais {
  background-color: #F3F2FA;
}

.page-03-estrutura-e-diferenciais .hero {
  padding-top: 15rem;
  padding-bottom: 15rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 5rem;
}

.page-03-estrutura-e-diferenciais .hero .container .category {
  padding-inline: 2rem;
  height: 2.8125rem;
  border-radius: 24px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  margin-bottom: 1rem;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.page-03-estrutura-e-diferenciais .hero .container h1 {
  max-width: 55.625rem;
  margin-inline: auto;
  text-align: center;
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
}

@media screen and (max-width: 993px) {
  .page-03-estrutura-e-diferenciais .hero {
    padding-top: 10.125rem;
    padding-bottom: 7rem;
    margin-bottom: 3rem;
  }

  .page-03-estrutura-e-diferenciais .hero .container .category {
    height: 2.125rem;
    padding-inline: 1.5rem;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }

  .page-03-estrutura-e-diferenciais .hero .container h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    max-width: 35rem;
  }
}

.page-03-estrutura-e-diferenciais .gallery {
  margin-bottom: 12.5rem;
}

.page-03-estrutura-e-diferenciais .gallery .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
}

.page-03-estrutura-e-diferenciais .gallery .container .scroll-h,
.page-04-planos-e-servicos .container .scroll-h,
.page-06-landingpage .container .scroll-h {
  width: 100%;
  overflow-x: auto;
  width: calc(100% + 40px);
}

.page-03-estrutura-e-diferenciais .gallery .container .scroll-h::-webkit-scrollbar,
.page-04-planos-e-servicos .container .scroll-h::-webkit-scrollbar,
.page-06-landingpage .container .scroll-h::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 993px) {
  .page-03-estrutura-e-diferenciais .gallery .container .scroll-h,
  .page-04-planos-e-servicos .container .scroll-h,
  .page-06-landingpage .container .scroll-h {
    width: calc(100% + 20px);
  }
}

.page-03-estrutura-e-diferenciais .gallery .container .menu-steps,
.page-04-planos-e-servicos .container .menu-steps,
.page-06-landingpage .container .menu-steps {
  display: flex;
  border-bottom: 1px solid #A9A9A9;
  padding-bottom: 0.6875rem;
  margin-bottom: 1.25rem;
}

.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a,
.page-04-planos-e-servicos .container .menu-steps a,
.page-06-landingpage .container .menu-steps a {
  font-size: 1.25rem;
  font-weight: 400;
  color: #A9A9A9;
  letter-spacing: 0;
  line-height: 1.26;
  text-decoration: none;
  padding-inline: 3.0625rem;
  position: relative;
  transition: 200ms;
  white-space: nowrap;
}

.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a::before,
.page-04-planos-e-servicos .container .menu-steps a::before,
.page-06-landingpage .container .menu-steps a::before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: #474948;
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  transition: 200ms;
}

.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a.active,
.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a:hover,
.page-04-planos-e-servicos .container .menu-steps a.active,
.page-04-planos-e-servicos .container .menu-steps a:hover,
.page-06-landingpage .container .menu-steps a.active,
.page-06-landingpage .container .menu-steps a:hover {
  color: #474948;
}

.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a.active::before,
.page-03-estrutura-e-diferenciais .gallery .container .menu-steps a:hover::before,
.page-04-planos-e-servicos .container .menu-steps a.active::before,
.page-04-planos-e-servicos .container .menu-steps a:hover::before,
.page-06-landingpage .container .menu-steps a.active::before,
.page-06-landingpage .container .menu-steps a:hover::before {
  width: 100%;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery {
  position: relative;
  padding-right: 24px;
  width: calc(100% + 48px);
  margin-left: -24px;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery::before {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: #F3F2FA;
  z-index: 3;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery::after {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
  background-color: #F3F2FA;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-slide {
  padding-right: 1.5rem;
  height: 700px;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-wrapper {
  padding-left: 24px;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination-fraction {
  width: -moz-max-content;
  width: max-content;
  padding-inline: 1.875rem;
  height: 3.5rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  bottom: 1.75rem;
  transform: translateX(-50%);
  position: absolute;
  z-index: 3;
  min-width: 6.5625rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination {
  display: none;
  bottom: 0;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev,
.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #474948;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev::after,
.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next::after {
  display: none;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev svg,
.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next svg {
  display: none;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev {
  background-image: url(../images/swiper-arrow-prev-1.svg);
  left: 0;
}

.page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next {
  background-image: url(../images/swiper-arrow-next-1.svg);
  right: 0;
}

@media screen and (max-width: 993px) {
  .page-03-estrutura-e-diferenciais .gallery {
    margin-bottom: 5rem;
  }

  .page-03-estrutura-e-diferenciais .gallery .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    line-height: 1.26;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .menu-steps a {
    padding-inline: 1.5rem;
    font-size: 1rem;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery {
    padding-right: 0;
    width: 100%;
    margin-inline: auto;
    padding-bottom: 2.125rem;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-slide {
    aspect-ratio: 335/323;
    padding-right: 0;
    width: 100%;
    height: 12.375rem;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 12.375rem;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-wrapper {
    padding-left: 0;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination-fraction {
    height: 2rem;
    padding-inline: 2rem;
    font-size: 1rem;
    bottom: 2.75rem;
    font-weight: 600;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination {
    display: block;
    bottom: 5px;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    transition: 200ms;
    background-color: #989A9C;
    border-radius: 24px;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 64px;
    background-color: #474948;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery::after,
  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery::before {
    display: none;
  }

  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next,
  .page-03-estrutura-e-diferenciais .gallery .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev {
    display: none;
  }
}

.page-03-estrutura-e-diferenciais .site-plan {
  margin-bottom: 12.5rem;
}

.page-03-estrutura-e-diferenciais .site-plan .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
}

.page-03-estrutura-e-diferenciais .site-plan .container .scroll-h {
  width: 100%;
  overflow-x: auto;
  width: calc(100% + 40px);
}

.page-03-estrutura-e-diferenciais .site-plan .container .scroll-h::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 993px) {
  .page-03-estrutura-e-diferenciais .site-plan .container .scroll-h {
    width: calc(100% + 20px);
  }
}

.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps {
  display: flex;
  border-bottom: 1px solid #A9A9A9;
  padding-bottom: 0.6875rem;
  margin-bottom: 1.25rem;
}

.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a {
  font-size: 1.25rem;
  font-weight: 400;
  color: #A9A9A9;
  letter-spacing: 0;
  line-height: 1.26;
  text-decoration: none;
  padding-inline: 3.0625rem;
  position: relative;
  transition: 200ms;
  white-space: nowrap;
}

.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a::before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background-color: #474948;
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
  transition: 200ms;
}

.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a.active,
.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a:hover {
  color: #474948;
}

.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a.active::before,
.page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a:hover::before {
  width: 100%;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery {
  position: relative;
  padding-right: 24px;
  width: calc(100% + 48px);
  margin-left: -24px;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery::before {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: #F3F2FA;
  z-index: 3;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery::after {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
  background-color: #F3F2FA;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination-fraction {
  width: -moz-max-content;
  width: max-content;
  padding-inline: 1.875rem;
  height: 3.5rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #E6E6E6;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  bottom: 1.75rem;
  transform: translateX(-50%);
  position: absolute;
  z-index: 3;
  min-width: 6.5625rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: -0.4px;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination {
  display: none;
  bottom: 0;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-slide {
  padding-right: 1.5rem;
  aspect-ratio: 1370/659;
}


.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-wrapper {
  padding-left: 24px;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev,
.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #474948;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev::after,
.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next::after {
  display: none;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev svg,
.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next svg {
  display: none;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev {
  background-image: url(../images/swiper-arrow-prev-1.svg);
  left: 0;
}

.page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next {
  background-image: url(../images/swiper-arrow-next-1.svg);
  right: 0;
}

@media screen and (max-width: 993px) {
  .page-03-estrutura-e-diferenciais .site-plan {
    margin-bottom: 5rem;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .menu-steps a {
    padding-inline: 1.5rem;
    font-size: 1rem;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery {
    padding-right: 0;
    width: 100%;
    margin-left: 0;
    padding-bottom: 2.125rem;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-wrapper {
    padding-left: 0;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-slide {
    aspect-ratio: 335/323;
    padding-right: 0;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery::after,
  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery::before {
    display: none;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-next,
  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-button-prev {
    display: none;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination-fraction {
    height: 2rem;
    padding-inline: 2rem;
    font-size: 1rem;
    bottom: 2.75rem;
    font-weight: 600;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination {
    display: block;
    bottom: 5px;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    transition: 200ms;
    background-color: #989A9C;
    border-radius: 24px;
  }

  .page-03-estrutura-e-diferenciais .site-plan .container .mult-step-controller .box-step .swiper-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 64px;
    background-color: #474948;
  }
}

.page-03-estrutura-e-diferenciais .main-footer-1 .top .container h2 {
  max-width: 68.75rem;
  font-size: 2.5rem;
}

.page-04-planos-e-servicos {
  background-color: #F3F2FA;
}

.page-04-planos-e-servicos .hero {
  padding-top: 13.75rem;
  padding-bottom: 7.5rem;
  background-color: #474948;
  margin-bottom: 5rem;
}

.page-04-planos-e-servicos .hero .container .category {
  padding-inline: 2rem;
  height: 2.8125rem;
  border-radius: 24px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  margin-bottom: 1rem;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.page-04-planos-e-servicos .hero .container h1 {
  max-width: 59.375rem;
  margin-inline: auto;
  text-align: center;
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
}

@media screen and (max-width: 1450px) {
  .page-04-planos-e-servicos .hero {
    padding-top: 10.125rem;
    padding-bottom: 7rem;
  }
}

@media screen and (max-width: 993px) {
  .page-04-planos-e-servicos .hero {
    margin-bottom: 3rem;
    background-image: url(../images/bg-planos-e-servicos-mobile.png);
    background-size: cover;
  }

  .page-04-planos-e-servicos .hero .container .category {
    padding-inline: 1.5rem;
    height: 2.125rem;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }

  .page-04-planos-e-servicos .hero .container h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    max-width: 35rem;
    margin-inline: auto;
  }
}

.page-04-planos-e-servicos .list-plans {
  margin-bottom: 12.5rem;
}

.page-04-planos-e-servicos .list-plans .container .item {
  position: relative;
}

.page-04-planos-e-servicos .list-plans .container .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner h3 {
  padding-block: 1.4375rem;
  padding-inline: 2.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
  line-height: 1.4;
  transition: 200ms;
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner .box-hidden {
  max-height: 0;
  transition: 200ms;
  overflow: hidden;
  padding-inline: 40px;
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner .box-hidden p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  max-width: 30.625rem;
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner .box-hidden .btn-more {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  text-decoration: none;
}

.page-04-planos-e-servicos .list-plans .container .item .box-inner .box-hidden .btn-more span {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}

.page-04-planos-e-servicos .list-plans .container .item:hover .box-inner h3 {
  padding-top: 2rem;
  padding-bottom: 0.75rem;
}

.page-04-planos-e-servicos .list-plans .container .item:hover .box-inner .box-hidden {
  max-height: 1000px;
  padding-bottom: 2rem;
}

.page-04-planos-e-servicos .list-plans .container .wrapper {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
  justify-content: center;
}

.page-04-planos-e-servicos .list-plans .container .wrapper .item {
  width: calc(50% - 15px);
  cursor: pointer;
}

.page-04-planos-e-servicos .list-plans .container .swiper-plans {
  display: none;
}

@media screen and (max-width: 993px) {
  .page-04-planos-e-servicos .list-plans {
    margin-bottom: 5rem;
  }

  .page-04-planos-e-servicos .list-plans .container .wrapper {
    display: none;
  }

  .page-04-planos-e-servicos .list-plans .container .item {
    aspect-ratio: 335/400;
  }

  .page-04-planos-e-servicos .list-plans .container .item .box-inner h3 {
    padding-inline: 1.25rem;
  }

  .page-04-planos-e-servicos .list-plans .container .item .box-inner .box-hidden {
    padding-inline: 1.25rem;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans {
    display: block;
    width: calc(100% + 20px);
    margin-bottom: 2rem;
    padding-bottom: 2.625rem;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-slide .item:hover .box-inner {
    opacity: 0;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-slide .item:hover .box-inner .box-hidden {
    max-height: 0;
    padding-bottom: 0rem;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner {
    opacity: 1;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner h3 {
    padding-top: 1.4375rem;
    padding-bottom: 0.75rem;
    font-size: 1.5rem;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-slide.swiper-slide-active .item .box-inner .box-hidden {
    max-height: 1000px;
    padding-bottom: 2rem;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
    opacity: 1;
  }

  .page-04-planos-e-servicos .list-plans .container .swiper-plans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #474948;
  }
}

.page-04-planos-e-servicos .plans-price {
  margin-bottom: 10rem;
}

.page-04-planos-e-servicos .plans-price .container>header {
  margin-bottom: 2rem;
}

.page-04-planos-e-servicos .plans-price .container>header h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.75rem;
  text-align: center;
}

.page-04-planos-e-servicos .plans-price .container>header p {
  max-width: 68.75rem;
  margin-inline: auto;
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
}

.page-04-planos-e-servicos .plans-price .swiper {
  width: calc(100% - (100% - 1350px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 2.5rem;
}

.page-04-planos-e-servicos .plans-price .swiper .swiper-pagination {
  bottom: 0;
  margin-top: 0;
}

.page-04-planos-e-servicos .plans-price .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #DEDEDE;
  opacity: 1;
}

.page-04-planos-e-servicos .plans-price .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #474948;
  width: 4rem;
  border-radius: 6px;
}

.page-04-planos-e-servicos .plans-price .card-price {
  padding: 3rem;
  border: 1px solid #474948;
}

.page-04-planos-e-servicos .plans-price .card-price header {
  height: 8.375rem;
  border-bottom: 1px solid #474948;
  margin-bottom: 2.1875rem;
}

.page-04-planos-e-servicos .plans-price .card-price header h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-04-planos-e-servicos .plans-price .card-price header h3 .recommendation,
.page-05-planos-e-servicos-hot-desk  .card-price header h3 .recommendation {
  height: 1.9375rem;
  padding-inline: 1.5rem;
  border-radius: 24px;
  background-color: #FFC64A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #474948;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 0;
}

.page-04-planos-e-servicos .plans-price .card-price header .price {
  font-size: 3rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  display: flex;
  width: 100%;
}

.page-04-planos-e-servicos .plans-price .card-price header .price span {
  font-size: 1.25rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  margin-top: 0.3125rem;
}

.page-04-planos-e-servicos .plans-price .card-price ul {
  list-style: none;
}

.page-04-planos-e-servicos .plans-price .card-price ul li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.page-04-planos-e-servicos .plans-price .card-price ul li+li {
  margin-top: 2.375rem;
}

.page-04-planos-e-servicos .plans-price .card-price .btn-primary {
  margin-top: 2.5rem;
  width: 100%;
}

.page-04-planos-e-servicos .plans-price .card-price .plano-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 1450px) {
  .page-04-planos-e-servicos .plans-price {
    margin-bottom: 5rem;
  }

  .page-04-planos-e-servicos .plans-price .swiper {
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 700px) {
  .page-04-planos-e-servicos .plans-price .container>header {
    margin-bottom: 1.5rem;
  }

  .page-04-planos-e-servicos .plans-price .container>header h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .page-04-planos-e-servicos .plans-price .container>header p {
    font-size: 1rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price {
    padding: 2rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price header h3 {
    flex-direction: column-reverse;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
    gap: 0.75rem;
    font-size: 1.5rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price header .price {
    font-size: 3rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price ul li {
    gap: 0.75rem;
    font-size: 1rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price ul li+li {
    margin-top: 1.5rem;
  }

  .page-04-planos-e-servicos .plans-price .card-price .btn-primary {
    margin-top: 1.75rem;
  }

  .page-04-planos-e-servicos .plans-price .swiper {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
}

.page-04-planos-e-servicos .main-footer-1 .top .container h2 {
  font-size: 2.5rem;
  max-width: initial;
}

@media screen and (max-width: 993px) {
  .page-04-planos-e-servicos .main-footer-1 .top .container h2 {
    font-size: 2rem;
  }
}

.page-05-planos-e-servicos-hot-desk .hero {
  margin-bottom: 8rem;
}

.page-05-planos-e-servicos-hot-desk .hero .top {
  padding-top: 10.625rem;
  padding-bottom: 15rem;

  background-size: cover;
}

.page-05-planos-e-servicos-hot-desk .hero .top .container .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 3rem;
}

.page-05-planos-e-servicos-hot-desk .hero .top .container .breadcrumb a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-decoration: none;
}

.page-05-planos-e-servicos-hot-desk .hero .top .container h1 {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-bottom: 0.5rem;
}

.page-05-planos-e-servicos-hot-desk .hero .top .container p {
  max-width: 58.375rem;
  margin-inline: auto;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
  margin-bottom: 2.5rem;
}

.page-05-planos-e-servicos-hot-desk .hero .top .container .btn-primary {
  padding-inline: 8.375rem;
  margin-inline: auto;
}

.page-05-planos-e-servicos-hot-desk .hero .bottom {
  margin-top: -8.75rem;
}

.video-espaco {
  min-height: 120px;
}

.page-05-planos-e-servicos-hot-desk .hero .bottom .container .embed {
  aspect-ratio: 16/9;
  background-color: #323232;
  max-width: 75rem;
  margin-inline: auto;
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .hero {
    margin-bottom: 5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hero .top {
    padding-top: 8.75rem;
    padding-bottom: 11.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hero .top .container .breadcrumb {
    margin-bottom: 2rem;
  }

  .page-05-planos-e-servicos-hot-desk .hero .top .container h1 {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .page-05-planos-e-servicos-hot-desk .hero .top .container p {
    font-size: 1rem;
    line-height: 1.4;
    max-width: 37.5rem;
    margin-inline: auto;
    margin-bottom: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hero .top .container .btn-primary {
    padding-inline: 0;
  }

  .page-05-planos-e-servicos-hot-desk .hero .bottom .container .embed {
    max-width: 37.5rem;
  }
}

.page-05-planos-e-servicos-hot-desk .differentials {
  margin-bottom: 12.5rem;
}

.page-05-planos-e-servicos-hot-desk .differentials .container .btn-primary {
  margin-top: 3rem;
  margin-inline: auto;
  padding-inline: 6.125rem;
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .differentials {
    margin-bottom: 5rem;
  }

  .page-05-planos-e-servicos-hot-desk .differentials .container header p {
    margin-bottom: 1rem;
  }

  .page-05-planos-e-servicos-hot-desk .differentials .container .btn-primary {
    padding-inline: 0;
  }

  .page-05-planos-e-servicos-hot-desk .differentials .container .btn-primary span {
    font-size: 0;
  }

  .page-05-planos-e-servicos-hot-desk .differentials .container .btn-primary span::after {
    content: "Quero esse plano";
    font-size: 1.25rem;
  }
}

.page-05-planos-e-servicos-hot-desk .gallery-one h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-bottom: 2.5rem;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one {
  padding-bottom: 2.5rem;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-slide {
  height: 700px;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination {
  bottom: 2.5rem;
  height: 16px;
  margin-top: 0;
  display: flex;
  gap: 0;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination .swiper-pagination-bullet {
  flex: 1;
  border-radius: 0;
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  background-color: #989A9C;
  opacity: 1;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #474948;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination-fraction {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  display: flex;
  gap: 0;
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-button-next {
  right: 5%;
  color: #FFFFFF;
  top: 50%;
  transform: translateY(-55%);
}

.page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-button-prev {
  left: 5%;
  color: #FFFFFF;
  top: 50%;
  transform: translateY(-55%);
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .gallery-one h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one {
    padding-bottom: 0.625rem;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-slide {
    height: 12.375rem;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one img {
    height: 12.375rem;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-button-next,
  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-button-prev,
  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination-fraction {
    display: none;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination {
    gap: 1.25rem;
    justify-content: center;
  }

  .page-05-planos-e-servicos-hot-desk .gallery-one .swiper-gallery-one .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: initial;
  }
}

.page-05-planos-e-servicos-hot-desk .our-space {
  margin-top: 12.5rem;
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .our-space {
    margin-top: 5rem;
  }
}

.page-05-planos-e-servicos-hot-desk .hire-plan {
  margin-bottom: 12.5rem;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
  text-align: center;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price {
  padding: 3rem;
  border: 1px solid #474948;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header {
  height: 8.375rem;
  border-bottom: 1px solid #474948;
  margin-bottom: 2.1875rem;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header .price {
  font-size: 3rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  display: flex;
  width: 100%;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header .price span {
  font-size: 1.25rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  margin-top: 0.3125rem;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price ul {
  list-style: none;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price ul li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price ul li+li {
  margin-top: 2.375rem;
}

.page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price .btn-primary {
  margin-top: 2.5rem;
  width: 100%;
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .hire-plan {
    margin-bottom: 5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price {
    padding: 2rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header {
    height: 6.25rem;
    margin-bottom: 0;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price header h3 {
    font-size: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price ul {
    margin-top: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price ul li+li {
    margin-top: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price .btn-primary span {
    font-size: 0;
  }

  .page-05-planos-e-servicos-hot-desk .hire-plan .container .card-price .btn-primary span::after {
    content: "Selecionar plano";
    font-size: 1.25rem;
  }
}

.page-05-planos-e-servicos-hot-desk .others-plans {
  margin-bottom: 10rem;
}

.page-05-planos-e-servicos-hot-desk .others-plans .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 2rem;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans {
  width: calc(100% - (100% - 1350px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 4.25rem;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-prev {
  left: 0;
  bottom: 0;
  transform: translateY(0);
  top: initial;
  font-size: 10px;
  margin-left: 0;
  justify-content: flex-start;
  color: #323232;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-prev svg {
  width: 13px;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-next {
  right: 0%;
  bottom: 0;
  transform: translateY(0);
  top: initial;
  font-size: 10px;
  margin-left: 0;
  justify-content: flex-start;
  color: #323232;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-next svg {
  width: 13px;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination {
  bottom: 0;
  margin-top: initial;
  margin-bottom: 0;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  background-color: #989A9C;
  transition: 200ms;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #474948;
  width: 5rem;
  border-radius: 24px;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item {
  width: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 644/384;
  max-height: 384px;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner h3 {
  padding-block: 1.4375rem;
  padding-inline: 2.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
  line-height: 1.4;
  transition: 200ms;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner .box-hidden {
  max-height: 0;
  transition: 200ms;
  overflow: hidden;
  padding-inline: 40px;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner .box-hidden p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  max-width: 30.625rem;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner .box-hidden .btn-more {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  text-decoration: none;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner .box-hidden .btn-more span {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item:hover .box-inner h3 {
  padding-top: 2rem;
  padding-bottom: 0.75rem;
}

.page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item:hover .box-inner .box-hidden {
  max-height: 1000px;
  padding-bottom: 2rem;
}

@media screen and (max-width: 1400px) {
  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans {
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 993px) {
  .page-05-planos-e-servicos-hot-desk .others-plans {
    margin-bottom: 5rem;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .container h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans {
    width: calc(100% - 20px);
    padding-bottom: 2.125rem;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item {
    aspect-ratio: 335/400;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner h3 {
    padding-inline: 1.25rem;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .item .box-inner .box-hidden {
    padding-inline: 1.25rem;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-next,
  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-button-prev {
    display: none;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination {
    gap: 1.25rem;
    justify-content: center;
    bottom: 0;
    margin-top: 0;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: initial;
  }

  .page-05-planos-e-servicos-hot-desk .others-plans .swiper-others-plans .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
  }
}

.page-05-planos-e-servicos-hot-desk .main-footer-1 {
  padding-top: 7.5rem;
}

.page-06-landingpage .hero {
  padding-top: 20.9375rem;
  padding-bottom: 18.75rem;
}

.page-06-landingpage .hero .container {
  position: relative;
}

.page-06-landingpage .hero .logo {
  position: absolute;
  top: -18rem;
  left: 0;
}


.page-06-landingpage .hero .container h1 {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-bottom: 0.5rem;
}

.page-06-landingpage .hero .container p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 2.5rem;
}

.page-06-landingpage .hero .container .btn-ghost {
  margin-inline: auto;
  padding-inline: 4rem;
}

@media screen and (max-width: 1500px) {
 .page-06-landingpage .hero .logo  {
    left: 50px;
 }
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .hero {
    padding-top: 10.9375rem;
    padding-bottom: 10.9375rem;
  }

  .page-06-landingpage .hero .container {
    padding-inline: 1.25rem;
  }

  .page-06-landingpage .hero .container h1 {
    margin-bottom: 0;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    line-height: 1.2;
  }

  .page-06-landingpage .hero .container p {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .page-06-landingpage .hero .container .btn-ghost {
    padding-inline: 0;
  }

  .page-06-landingpage .hero .logo {
    top: -8rem;
  }

}

.page-06-landingpage .hero-2 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  background-color: #474948;
  background-image: url(../images/line-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.page-06-landingpage .hero-2 .container .box-1,
.page-06-landingpage .hero-2 .container .box-2,
.page-06-landingpage .hero-2 .container .box-3 {
  max-width: 41.875rem;
}

.page-06-landingpage .hero-2 .container .box-1 p,
.page-06-landingpage .hero-2 .container .box-2 p,
.page-06-landingpage .hero-2 .container .box-3 p {
  font-size: 1.5rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.48px;
  line-height: 1.4;
}

.page-06-landingpage .hero-2 .container .box-2 {
  margin-left: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.page-06-landingpage .hero-2 .container .btn-ghost {
  margin-top: 5rem;
  margin-inline: auto;
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .hero-2 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    background-image: url(../images/line-bg-mobile.svg);
    background-position: top center;
    background-size: 100%;
  }

  .page-06-landingpage .hero-2 .container .box-1,
  .page-06-landingpage .hero-2 .container .box-2,
  .page-06-landingpage .hero-2 .container .box-3 {
    max-width: initial;
  }

  .page-06-landingpage .hero-2 .container .box-1 p,
  .page-06-landingpage .hero-2 .container .box-2 p,
  .page-06-landingpage .hero-2 .container .box-3 p {
    font-size: 0.875rem;
  }

  .page-06-landingpage .hero-2 .container .box-2 {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
  }

  .page-06-landingpage .hero-2 .container .btn-ghost {
    margin-top: 2rem;
  }
}

.page-06-landingpage .images-box {
  display: grid;
  grid-template-columns: 1fr;
  height: 43.75rem;
  margin-bottom: 12.5rem;
  overflow: hidden;
}

.page-06-landingpage .video-box {
  margin-bottom: 3rem;
}

.page-06-landingpage .images-box .lazyframe{
  max-width: 1000px;
  margin: auto;
}

.page-06-landingpage .images-box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .images-box {
    display: flex;
    flex-direction: column;
    height: initial;
    margin-bottom: 5rem;
  }

  .page-06-landingpage .images-box img:first-of-type {
    height: 11.875rem;
  }

  .page-06-landingpage .images-box img:last-of-type {
    height: 17.5rem;
  }
}

.page-06-landingpage .differentials {
  margin-bottom: 12.5rem;
}

.page-06-landingpage .differentials .btn-primary {
  margin-top: 3rem;
  margin-inline: auto;
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .differentials {
    margin-bottom: 5rem;
  }
}

.page-06-landingpage .plans-price {
  margin-bottom: 10rem;
}

.page-06-landingpage .plans-price .container>header {
  margin-bottom: 2rem;
}

.page-06-landingpage .plans-price .container>header h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.75rem;
  text-align: center;
}

.page-06-landingpage .plans-price .container>header p {
  max-width: 68.75rem;
  margin-inline: auto;
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
}

.page-06-landingpage .plans-price .swiper {
  width: calc(100% - (100% - 1350px) / 2);
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 2.5rem;
}

.page-06-landingpage .plans-price .swiper .swiper-pagination {
  bottom: 0;
  margin-top: 0;
}

.page-06-landingpage .plans-price .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #DEDEDE;
  opacity: 1;
}

.page-06-landingpage .plans-price .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #474948;
  width: 4rem;
  border-radius: 6px;
}

.page-06-landingpage .plans-price .card-price {
  padding: 3rem;
  border: 1px solid #474948;
}

.page-06-landingpage .plans-price .card-price header {
  min-height: 11.875rem;
  border-bottom: 1px solid #474948;
  margin-bottom: 2.1875rem;
  padding-bottom: 1.5rem;
}

.page-06-landingpage .plans-price .card-price header h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-06-landingpage .plans-price .card-price header h3 .recommendation {
  height: 1.9375rem;
  padding-inline: 1.5rem;
  border-radius: 24px;
  background-color: #FFC64A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: #474948;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 0;
}

.page-06-landingpage .plans-price .card-price header .price {
  font-size: 3rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  display: none;
  width: 100%;
}

.page-06-landingpage .plans-price .card-price header .price span {
  font-size: 1.25rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: 0;
  margin-top: 0.3125rem;
}

.page-06-landingpage .plans-price .card-price header .desc {
  font-size: 1.25rem;
  font-weight: 400;
  color: #474948;
  line-height: 1.4;
  letter-spacing: -0.4px;
}

.page-06-landingpage .plans-price .card-price ul {
  list-style: none;
}

.page-06-landingpage .plans-price .card-price ul li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.page-06-landingpage .plans-price .card-price ul li+li {
  margin-top: 2.375rem;
}

.page-06-landingpage .plans-price .card-price .btn-primary {
  margin-top: 2.5rem;
  width: 100%;
}

@media screen and (max-width: 1450px) {
  .page-06-landingpage .plans-price {
    margin-bottom: 5rem;
  }

  .page-06-landingpage .plans-price .swiper {
    width: calc(100% - 40px);
  }
}

@media screen and (max-width: 700px) {
  .page-06-landingpage .plans-price .container>header {
    margin-bottom: 1.5rem;
  }

  .page-06-landingpage .plans-price .container>header h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .page-06-landingpage .plans-price .container>header p {
    font-size: 1rem;
  }

  .page-06-landingpage .plans-price .card-price {
    padding: 2rem;
  }

  .page-06-landingpage .plans-price .card-price header {
    min-height: initial;
  }

  .page-06-landingpage .plans-price .card-price header h3 {
    flex-direction: column-reverse;
    align-items: flex-start;
    text-align: left;
    justify-content: flex-start;
    gap: 0.75rem;
    font-size: 1.5rem;
  }

  .page-06-landingpage .plans-price .card-price header .price {
    font-size: 3rem;
    display: flex;
  }

  .page-06-landingpage .plans-price .card-price header .desc {
    display: none;
  }

  .page-06-landingpage .plans-price .card-price ul li {
    gap: 0.75rem;
    font-size: 1rem;
  }

  .page-06-landingpage .plans-price .card-price ul li+li {
    margin-top: 1.5rem;
  }

  .page-06-landingpage .plans-price .card-price .btn-primary {
    margin-top: 1.75rem;
  }

  .page-06-landingpage .plans-price .swiper {
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
}

.page-06-landingpage .review-single {
  margin-bottom: 12.5rem;
}

.page-06-landingpage .review-single .container>p {
  font-size: 2.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0px;
  line-height: 3.5rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.page-06-landingpage .review-single .container>p::before,
.page-06-landingpage .review-single .container>p::after {
  content: "";
  display: block;
  width: 8rem;
  height: 5.625rem;
  position: absolute;
  z-index: -1;
}

.page-06-landingpage .review-single .container>p::before {
  left: -3.25rem;
  top: -2.75rem;
  background-image: url(../images/quotes-up.svg);
}

.page-06-landingpage .review-single .container>p::after {
  right: -3.1875rem;
  bottom: -1.0625rem;
  background-image: url(../images/quotes-down.svg);
}

.page-06-landingpage .review-single .container .person {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  margin-top: 3rem;
}

.page-06-landingpage .review-single .container .person img {
  width: 4rem;
  height: 4rem;
  border-radius: 999px;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-06-landingpage .review-single .container .person div .name {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  letter-spacing: 0;
  line-height: 32px;
}

.page-06-landingpage .review-single .container .person div .role {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #989A9C;
  letter-spacing: 0px;
  line-height: 18px;
}

@media screen and (max-width: 1480px) {
  .page-06-landingpage .review-single .container>p {
    max-width: 56.25rem;
    width: calc(100% - 80px);
    margin-inline: auto;
  }
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .review-single {
    margin-bottom: 5.625rem;
  }

  .page-06-landingpage .review-single .container>p {
    font-size: 1.5rem;
    line-height: 40px;
    width: 100%;
  }

  .page-06-landingpage .review-single .container>p::after,
  .page-06-landingpage .review-single .container>p::before {
    width: 4.6875rem;
    height: 3.4375rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .page-06-landingpage .review-single .container>p::after {
    right: 0;
    bottom: -20px;
  }

  .page-06-landingpage .review-single .container>p::before {
    left: 0;
    top: -8px;
  }

  .page-06-landingpage .review-single .container .person {
    margin-top: 2.5rem;
    gap: 0.75rem;
  }

  .page-06-landingpage .review-single .container .person img {
    width: 2.5rem;
    height: 2.5rem;
  }

  .page-06-landingpage .review-single .container .person div .name {
    font-size: 1rem;
    line-height: 1.4;
  }

  .page-06-landingpage .review-single .container .person div .role {
    font-size: 0.625rem;
  }
}

.page-06-landingpage .instagram {
  margin-bottom: 10rem;
}

.page-06-landingpage .swiper-instagram {
padding-bottom: 50px;
}

.page-06-landingpage .swiper-instagram .swiper-pagination {
  bottom: 0;
}

.page-06-landingpage .instagram .container .group-title {
  margin-bottom: 1.5rem;
}

.swiper-pagination-bullet-active {
      background: #474948 !important;
}

.page-06-landingpage .instagram .container .group-title h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.5rem;
}

.page-06-landingpage .instagram .container .group-title .btn-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
}

.page-06-landingpage .instagram .container .group-title .btn-link span {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4%;
  line-height: 1.4;
}

.page-06-landingpage .instagram .container .card img, .page-06-landingpage .instagram .container .card video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
   aspect-ratio: 443/596;
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .instagram {
    margin-bottom: 5rem;
  }

  .page-06-landingpage .instagram .container .group-title {
    margin-bottom: 0.875rem;
  }

  .page-06-landingpage .instagram .container .group-title h2 {
    font-size: 1.5rem;
    margin-bottom: 0.375rem;
    line-height: 1.26;
  }

  .page-06-landingpage .instagram .container .group-title .btn-link span {
    font-size: 1rem;
  }

  .page-06-landingpage .instagram .container .swiper {
    padding-bottom: 1.875rem;
  }

  .page-06-landingpage .instagram .container .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
    gap: 0.5rem;
    justify-content: center;
    display: flex;
  }

  .page-06-landingpage .instagram .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #DEDEDE;
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: initial;
  }

  .page-06-landingpage .instagram .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #474948;
  }
}

.page-06-landingpage .main-footer-1 {
  padding-top: 7.5rem;
}

.page-06-landingpage .main-footer-1 .middle {
  padding-bottom: 7.5rem;
}

.page-06-landingpage .main-footer-1 .map {
  height: 37.5rem;
  position: relative;
  max-width: 84.375rem;
  margin-inline: auto;
  width: 100%;
  background-color: #282828;
  margin-bottom: 8.125rem;
  margin-top: 5rem;
}

.page-06-landingpage .main-footer-1 .map iframe {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.page-06-landingpage .main-footer-1 .map .box {
  background-color: #FFFFFF;
  padding: 1.5rem;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 16.25rem;
  left: 2.5rem;
  bottom: 2.5rem;
}

.page-06-landingpage .main-footer-1 .map .box h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.25rem;
}

.page-06-landingpage .main-footer-1 .map .box address {
  display: flex;
  align-items: flex-start;
  gap: 0.3125rem;
  font-style: normal;
}

.page-06-landingpage .main-footer-1 .map .box address div span {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.24px;
  line-height: 1.4;
}

.page-06-landingpage .main-footer-1 .map .box address div span+span {
  margin-top: 0.125rem;
}

.page-06-landingpage .main-footer-1 .map .box address div span.cep {
  margin-top: 0.75rem;
}

.page-06-landingpage .main-footer-1 .map .box .box-mobile {
  display: none;
}

.page-06-landingpage .main-footer-1 .map .box .btn-primary {
  margin-top: 0.9375rem;
  height: 3rem;
  width: 100%;
}

.page-06-landingpage .main-footer-1 .map .box .btn-primary span {
  font-size: 0.875rem;
}

.page-06-landingpage .main-footer-1 .footer-social {
  margin-bottom: 4.0625rem;
}

.page-06-landingpage .main-footer-1 .footer-social .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-06-landingpage .main-footer-1 .footer-social .container nav:not(.social) {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.page-06-landingpage .main-footer-1 .footer-social .container nav:not(.social) a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.page-06-landingpage .main-footer-1 .footer-social .container nav:not(.social) a span {
  font-size: 1rem;
  font-weight: 400;
  color: #F5F3F1;
  letter-spacing: -0.32px;
}

.page-06-landingpage .main-footer-1 .footer-social .container .social {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
}

@media screen and (max-width: 1480px) {
  .page-06-landingpage .main-footer-1 .map {
    width: calc(100% - 80px);
    max-width: initial;
  }
}

@media screen and (max-width: 993px) {
  .page-06-landingpage .main-footer-1 {
    background-image: none;
  }

  .page-06-landingpage .main-footer-1 .middle {
    padding-bottom: 0rem;
  }

  .page-06-landingpage .main-footer-1 .map {
    width: calc(100% - 40px);
    margin-bottom: 5rem;
  }

  .page-06-landingpage .main-footer-1 .map .box .box-mobile {
    display: block;
    margin-top: 0.9375rem;
  }

  .page-06-landingpage .main-footer-1 .map .box .box-mobile .btn-waze,
  .page-06-landingpage .main-footer-1 .map .box .box-mobile .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.28px;
    text-decoration: none;
    background-color: #F5F3F1;
  }

  .page-06-landingpage .main-footer-1 .map .box .box-mobile .btn-waze {
    background-color: #33CCFF;
  }

  .page-06-landingpage .main-footer-1 .map .box .box-mobile .btn {
    margin-top: 0.5rem;
  }

  .page-06-landingpage .main-footer-1 .map .box .box-mobile .btn-primary {
    margin-top: 0.5rem;
  }

  .page-06-landingpage .main-footer-1 .map .box>.btn-primary {
    display: none;
  }

  .page-06-landingpage .main-footer-1 .footer-social .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .page-06-landingpage .main-footer-1 .footer-social .container img {
    order: 1;
  }

  .page-06-landingpage .main-footer-1 .footer-social .container nav:not(.social) {
    order: 3;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .page-06-landingpage .main-footer-1 .footer-social .container nav:not(.social) svg {
    display: none;
  }

  .page-06-landingpage .main-footer-1 .footer-social .container .social {
    order: 2;
    margin-top: 1.5rem;
    margin-bottom: 3rem;
  }
}

.page-07-listagem .hero {
  padding-top: 8.375rem;
  padding-bottom: 3rem;
  background-color: #474948;
}

.page-07-listagem .hero .container .category {
  height: 2.8125rem;
  padding-inline: 2rem;
  background-color: #FFFFFF;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
}

.page-07-listagem .hero .container h1 {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
}

@media screen and (max-width: 993px) {
  .page-07-listagem .hero {
    padding-top: 7.5rem;
    padding-bottom: 1.5rem;
  }

  .page-07-listagem .hero .container .category {
    margin-bottom: 0;
    height: 2.125rem;
    padding-inline: 1.5rem;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .page-07-listagem .hero .container h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    max-width: 31.25rem;
  }
}

.page-07-listagem .hero-menu {
  background-color: #989A9C;
  margin-bottom: 2.5rem;
}

.page-07-listagem .hero-menu .container {
  height: 4.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-07-listagem .hero-menu .container .scroll-w {
  overflow: hidden;
  padding-right: 15px;
}

.page-07-listagem .hero-menu .container nav {
  display: flex;
  align-items: center;
  gap: 5rem;
}

.page-07-listagem .hero-menu .container nav a {
  font-size: 1.25rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  text-decoration: none;
}

.page-07-listagem .hero-menu .container .search {
  height: 3rem;
  width: 13.75rem;
  border-radius: 24px;
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  padding-left: 3.125rem;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-position: center left 24px;
}

.page-07-listagem .hero-menu .container .search::-moz-placeholder {
  color: #FFFFFF;
}

.page-07-listagem .hero-menu .container .search::placeholder {
  color: #FFFFFF;
}

@media screen and (max-width: 1369px) {
  .page-07-listagem .hero-menu {
    margin-bottom: 6.875rem;
  }

  .page-07-listagem .hero-menu .container {
    position: relative;
  }

  .page-07-listagem .hero-menu .container .scroll-w {
    width: calc(100% + 40px);
    overflow-x: auto;
  }

  .page-07-listagem .hero-menu .container .scroll-w::-webkit-scrollbar {
    display: none;
  }

  .page-07-listagem .hero-menu .container nav a {
    white-space: nowrap;
  }

  .page-07-listagem .hero-menu .container .search {
    position: absolute;
    left: 2.5rem;
    top: calc(100% + 12px);
    border: 1px solid #474948;
    color: #474948;
    background-image: url(../images/icon-search-gray.svg);
  }

  .page-07-listagem .hero-menu .container .search::-moz-placeholder {
    color: #474948;
  }

  .page-07-listagem .hero-menu .container .search::placeholder {
    color: #474948;
  }
}

@media screen and (max-width: 993px) {
  .page-07-listagem .hero-menu .container nav {
    gap: 3rem;
  }

  .page-07-listagem .hero-menu .container nav a {
    font-size: 1rem;
  }

  .page-07-listagem .hero-menu .container .search {
    left: 1.25rem;
  }
}

.page-07-listagem .featured {
  margin-bottom: 5rem;
}

.page-07-listagem .featured .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1rem;
}

.page-07-listagem .featured .container article {
  display: flex;
  cursor: pointer;
}

.page-07-listagem .featured .container article .cover {
  max-width: 41.875rem;
  width: 100%;
}

.page-07-listagem .featured .container article .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-07-listagem .featured .container article .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #474948;
  padding: 2rem 8.125rem 2.375rem 2rem;
}

.page-07-listagem .featured .container article .info .category {
  padding-inline: 1.25rem;
  height: 1.875rem;
  border-radius: 24px;
  background-color: #F5F3F1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
}

.page-07-listagem .featured .container article .info h3 {
  font-size: 2rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #F5F3F1;
}

.page-07-listagem .featured .container article .info p {
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  margin-bottom: 2.5rem;
}

.page-07-listagem .featured .container article .info .btn-more {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  margin-top: auto;
}

.page-07-listagem .featured .container article .info .btn-more span {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  border-bottom: 1px solid #FFFFFF;
  padding-right: 0.25rem;
  text-transform: uppercase;
}

@media screen and (max-width: 993px) {
  .page-07-listagem .featured .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .page-07-listagem .featured .container article .cover {
    max-width: 50%;
  }

  .page-07-listagem .featured .container article .info {
    padding: 2rem 2.5rem 2.5rem 1.5rem;
  }
}

@media screen and (max-width: 900px) {
  .page-07-listagem .featured {
    margin-bottom: 4rem;
  }

  .page-07-listagem .featured .container article {
    display: flex;
    flex-direction: column;
  }

  .page-07-listagem .featured .container article .cover {
    width: 100%;
    max-width: initial;
    aspect-ratio: 335/185;
  }

  .page-07-listagem .featured .container article .info {
    position: relative;
  }

  .page-07-listagem .featured .container article .info .category {
    position: absolute;
    top: -0.9375rem;
  }

  .page-07-listagem .featured .container article .info h3 {
    font-size: 1.25rem;
  }

  .page-07-listagem .featured .container article .info p {
    font-size: 0.875rem;
  }
}

.page-07-listagem .most-recent {
  margin-bottom: 10rem;
}

.page-07-listagem .most-recent .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 1.5rem;
}

.page-07-listagem .most-recent .container .blog-post .cover {
  height: 14.875rem;
}

.page-07-listagem .most-recent .container .blog-post .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-07-listagem .most-recent .container .blog-post .info {
  background-color: #474948;
  padding-inline: 1.375rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-07-listagem .most-recent .container .blog-post .info .category {
  width: -moz-max-content;
  width: max-content;
  border-radius: 24px;
  height: 1.875rem;
  padding-inline: 1.25rem;
  background-color: #F5F3F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  position: absolute;
  top: -0.9375rem;
}

.page-07-listagem .most-recent .container .blog-post .info h3 {
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #F5F3F1;
  font-size: 1.5rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  height: 4rem;
  overflow: hidden;
}

.page-07-listagem .most-recent .container .blog-post .info p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.28px;
  line-height: 1.4;
}

.page-07-listagem .most-recent .container .blog-post .info p:last-of-type {
  margin-bottom: 1.5rem;
}

.page-07-listagem .most-recent .container .blog-post .info .btn-more {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
}

.page-07-listagem .most-recent .container .blog-post .info .btn-more span {
  padding-right: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  text-transform: uppercase;
  border-bottom: 1px solid #FFFFFF;
}

.page-07-listagem .most-recent .container .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
  margin-bottom: 3rem;
}

.page-07-listagem .most-recent .container .wrapper .blog-post {
  cursor: pointer;
}

.page-07-listagem .most-recent .container .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.page-07-listagem .most-recent .container .pagination .btn {
  height: 3.125rem;
  width: 4.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #474948;
}

.page-07-listagem .most-recent .container .pagination .pages {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.page-07-listagem .most-recent .container .pagination .pages a {
  min-width: 4.5625rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D2D2D2;
  font-size: 1.25rem;
  font-weight: 500;
  color: #989A9C;
  letter-spacing: 0;
  text-decoration: none;
}

.page-07-listagem .most-recent .container .pagination .navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.page-07-listagem .most-recent .container .pagination .pages a.current,
.page-07-listagem .most-recent .container .pagination .pages a:hover {
  color: #474948;
}

.page-07-listagem .most-recent .container .pagination .pages span {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #989A9C;
  letter-spacing: 0;
}

@media screen and (max-width: 993px) {
  .page-07-listagem .most-recent {
    margin-bottom: 4rem;
  }

  .page-07-listagem .most-recent .container h2 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .page-07-listagem .most-recent .container .blog-post .cover {
    height: auto;
    aspect-ratio: 335/250;
  }

  .page-07-listagem .most-recent .container .blog-post .info h3 {
    font-size: 1.25rem;
  }

  .page-07-listagem .most-recent .container .wrapper {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.5rem;
  }

  .page-07-listagem .most-recent .container .pagination .pages {
    flex: 1;
  }

  .page-07-listagem .most-recent .container .pagination .pages a:not(.active),
  .page-07-listagem .most-recent .container .pagination .pages span {
    display: none;
  }

  .page-07-listagem .most-recent .container .pagination .pages a.active {
    flex: 1;
  }
}

@media screen and (max-width: 700px) {
  .page-07-listagem .most-recent .container .wrapper {
    grid-template-columns: 1fr;
  }
}

.page-07-listagem .newsletter {
  margin-bottom: 10rem;
}

.page-07-listagem .newsletter .container h2 {
  font-size: 2.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  text-align: center;
  margin-bottom: 0.75rem;
}

.page-07-listagem .newsletter .container p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  line-height: 1.4;
  letter-spacing: -0.4px;
  margin-bottom: 1.5625rem;
  text-align: center;
}

.page-07-listagem .newsletter .container form {
  max-width: 50.625rem;
  margin-inline: auto;
}

.page-07-listagem .newsletter .container form .line {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.page-07-listagem .newsletter .container form .line input {
  display: flex;
  flex: 1;
  height: 3.75rem;
  padding-inline: 1.5rem;
  border: 1px solid #989A9C;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #222222;
}

.page-07-listagem .newsletter .container form .line input::-moz-placeholder {
  color: #989A9C;
}

.page-07-listagem .newsletter .container form .line input::placeholder {
  color: #989A9C;
}

.page-07-listagem .newsletter .container form .line .btn-primary {
  padding-inline: 4.75rem;
  height: 3.75rem;
  border: 0;
}

.page-07-listagem .newsletter .container form .line .btn-primary span {
  font-size: 1.25rem;
}

.page-07-listagem .newsletter .container form .input-group-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6875rem;
  margin-top: 2.5rem;
}

.page-07-listagem .newsletter .container form .input-group-checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: auto;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 10;
  margin: 0;
  flex-shrink: 0;
}

.page-07-listagem .newsletter .container form .input-group-checkbox label {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
  cursor: pointer;
  user-select: none;
}

.page-07-listagem .newsletter .container form .input-group-checkbox label a {
  color: #4E78FA;
}

@media screen and (max-width: 993px) {
  .page-07-listagem .newsletter {
    margin-bottom: 3rem;
  }

  .page-07-listagem .newsletter .container h2 {
    font-size: 1.5rem;
    line-height: 1.26;
  }

  .page-07-listagem .newsletter .container p {
    font-size: 1rem;
  }

  .page-07-listagem .newsletter .container form .line {
    flex-direction: column;
  }

  .page-07-listagem .newsletter .container form .line input {
    height: 60px;
    display: block;
    flex: initial;
    width: 100%;
    max-width: 25rem;
  }

  .page-07-listagem .newsletter .container form .input-group-checkbox label {
    font-size: 0.875rem;
  }
}

.page-07-listagem .main-footer-1 {
  padding-top: 5.875rem;
  background-image: none;
}

.page-08-blog-interna .hero {
  padding-top: 9.375rem;
  padding-bottom: 4rem;
  background-color: #474948;
}

.page-08-blog-interna .hero .container {
  display: flex;
  gap: 1.875rem;
}

.page-08-blog-interna .hero .container>.left {
  max-width: 41.875rem;
  width: 100%;
}

.page-08-blog-interna .hero .container>.left .breadcrumb {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.page-08-blog-interna .hero .container>.left .breadcrumb svg {
  margin-top: 4px;
}

.page-08-blog-interna .hero .container>.left .breadcrumb a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-decoration: none;
}

.page-08-blog-interna .hero .container>.left .breadcrumb a:hover {
  text-decoration: underline;
}

.page-08-blog-interna .hero .container>.left .category {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.3125rem;
  height: 1.875rem;
  background-color: #F5F3F1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  border-radius: 24px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.9375rem;
}

.page-08-blog-interna .hero .container>.left h1 {
  font-size: 2rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #F5F3F1;
  max-width: 33.625rem;
}

.page-08-blog-interna .hero .container>.left p {
  max-width: 33.625rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.page-08-blog-interna .hero .container .right {
  flex: 1;
}

.page-08-blog-interna .hero .container .right img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1250px) {
  .page-08-blog-interna .hero .container {
    flex-direction: column;
  }

  .page-08-blog-interna .hero .container .right {
    max-width: 56.25rem;
  }
}

@media screen and (max-width: 993px) {
  .page-08-blog-interna .hero {
    padding-top: 6.875rem;
    padding-bottom: 1.25rem;
  }

  .page-08-blog-interna .hero .container {
    gap: 16px;
  }

  .page-08-blog-interna .hero .container .left .breadcrumb {
    margin-bottom: 1rem;
  }

  .page-08-blog-interna .hero .container .left .category {
    height: 2.125rem;
    padding-inline: 1.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
  }

  .page-08-blog-interna .hero .container .left h1 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .page-08-blog-interna .hero .container .left p {
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2.5rem;
  }
}

.page-08-blog-interna .main-content .container {
  display: grid;
  grid-template-columns: 1fr 50.625rem 1fr;
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.page-08-blog-interna .main-content .container .left {
  position: relative;
}

.page-08-blog-interna .main-content .container .left .social {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}

.page-08-blog-interna .main-content .container .left .social a {
  text-decoration: none;
}

.page-08-blog-interna .main-content .container .body p {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.6;
}

.page-08-blog-interna .main-content .container .body p+h2 {
  margin-top: 2rem;
}

.page-08-blog-interna .main-content .container .body h2 {
  font-size: 1.5rem;
  font-weight: 37.5rem;
  color: #474948;
  letter-spacing: -0.48px;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}

.page-08-blog-interna .main-content .container .body img {
  display: block;
  width: 100%;
  margin-block: 2rem;
}

.page-08-blog-interna .main-content .container .body ul {
  margin-left: 1.375rem;
}

.page-08-blog-interna .main-content .container .body ul li {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.6;
}

@media screen and (max-width: 993px) {
  .page-08-blog-interna .main-content .container {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 1.5rem;
  }

  .page-08-blog-interna .main-content .container .left {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid #474948;
    margin-top: 1rem;
    padding-top: 1rem;
  }

  .page-08-blog-interna .main-content .container .left::after {
    content: "Compartilhe:";
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #474948;
    letter-spacing: -0.28px;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .page-08-blog-interna .main-content .container .left .social {
    flex-direction: row;
    justify-content: center;
  }

  .page-08-blog-interna .main-content .container .body p {
    font-size: 0.875rem;
    letter-spacing: -0.28px;
  }

  .page-08-blog-interna .main-content .container .body h2 {
    font-size: 1rem;
  }
}

.page-08-blog-interna .main-footer-1 {
  padding-top: 5rem;
  background-image: none;
}

.page-08-blog-interna .main-footer-1 .related-posts {
  padding-bottom: 3.75rem;
}

.page-08-blog-interna .main-footer-1 .related-posts .container>h2 {
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.26;
  color: #F5F3F1;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .cover {
  height: 14.875rem;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info {
  background-color: #F5F3F1;
  padding-inline: 1.375rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info .category {
  width: -moz-max-content;
  width: max-content;
  border-radius: 24px;
  height: 1.875rem;
  padding-inline: 1.25rem;
  background-color: #474948;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  border: 1px solid #F5F3F1;
  position: absolute;
  top: -0.9375rem;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info h3 {
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #474948;
  font-size: 1.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.28px;
  line-height: 1.4;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info p:last-of-type {
  margin-bottom: 1.5rem;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info .btn-more {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
}

.page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info .btn-more span {
  padding-right: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.4;
  text-transform: uppercase;
  border-bottom: 1px solid #474948;
}

@media screen and (max-width: 993px) {
  .page-08-blog-interna .main-footer-1 .related-posts .container>h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .page-08-blog-interna .main-footer-1 .related-posts .container .swiper {
    width: calc(100% + 20px);
    padding-bottom: 2.5rem;
  }

  .page-08-blog-interna .main-footer-1 .related-posts .container .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  .page-08-blog-interna .main-footer-1 .related-posts .container .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #656766;
    opacity: 1;
  }

  .page-08-blog-interna .main-footer-1 .related-posts .container .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #F5F3F1;
  }

  .page-08-blog-interna .main-footer-1 .related-posts .container .blog-post .info h3 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 600px) {
  .page-08-blog-interna .main-footer-1 .related-posts .container .swiper {
    width: 100%;
  }
}

.page-09-contato .main-footer-1 {
  padding-top: 10rem;
}

@media screen and (max-width: 993px) {
  .page-09-contato .main-footer-1 {
    padding-top: 8.75rem;
  }

  .page-09-contato .main-footer-1 .middle {
    padding-bottom: 0;
  }
}

.page-10-empresas-parceiras .hero {
  padding-top: 9.25rem;
  padding-bottom: 5rem;
  background-color: #474948;
  margin-bottom: 3rem;
}

.page-10-empresas-parceiras .hero .container .category {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.8125rem;
  padding-inline: 2rem;
  background-color: #FFFFFF;
  border-radius: 24px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  margin-bottom: 0.75rem;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.page-10-empresas-parceiras .hero .container h1 {
  font-size: 3rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.75rem;
  text-align: center;
}

.page-10-empresas-parceiras .hero .container p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: center;
}

.page-10-empresas-parceiras .hero .container form {
  display: flex;
  max-width: 76.875rem;
  margin-inline: auto;
  margin-top: 2rem;
  width: 100%;
  gap: 0.625rem;
}

.page-10-empresas-parceiras .hero .container form input {
  flex: 1;
  display: block;
  width: 100%;
  border: 2px solid #F5F3F1;
  background-color: transparent;
  height: 5rem;
  padding-inline: 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #F5F3F1;
}

.page-10-empresas-parceiras .hero .container form input::-moz-placeholder {
  color: #F5F3F1;
}

.page-10-empresas-parceiras .hero .container form input::placeholder {
  color: #F5F3F1;
}

.page-10-empresas-parceiras .hero .container form .input-group-select {
  max-width: 25rem;
  width: 100%;
}

.page-10-empresas-parceiras .hero .container form .input-group-select label {
  border: 1px solid #F5F3F1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  padding-inline: 2.5rem;
}

.page-10-empresas-parceiras .hero .container form .input-group-select label span {
  font-size: 1rem;
  font-weight: 600;
  color: #F5F3F1;
  letter-spacing: -0.32px;
}

.page-10-empresas-parceiras .hero .container form button {
  width: 11.75rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5625rem;
  border: none;
  /* Reset default iOS button appearance to avoid rounded outer glow */
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background-clip: padding-box;
  /* Remove the default tap highlight on iOS */
  -webkit-tap-highlight-color: transparent;
}

.page-10-empresas-parceiras .hero .container form button::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(77.11deg, #474948 -29.2%, #989A9C 267.43%);
  opacity: 1;
  transition: 200ms;
  inset: 0;
}

.page-10-empresas-parceiras .hero .container form button span {
  position: relative;
  z-index: 2;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.4px;
}

.page-10-empresas-parceiras .hero .container form button svg {
  position: relative;
  z-index: 2;
}

.page-10-empresas-parceiras .hero .container form button:hover {
  transform: scale(1.05);
}

.page-10-empresas-parceiras .hero .container form button:hover::after {
  background: linear-gradient(120.11deg, #818683 -29.2%, #989A9C 267.43%);
}

@media screen and (max-width: 993px) {
  .page-10-empresas-parceiras .hero {
    padding-top: 7.5rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }

  .page-10-empresas-parceiras .hero .container .category {
    height: 2.125rem;
    padding-inline: 1.5rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .page-10-empresas-parceiras .hero .container h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    max-width: 37.5rem;
    margin-inline: auto;
  }

  .page-10-empresas-parceiras .hero .container p {
    font-size: 0.875rem;
  }

  .page-10-empresas-parceiras .hero .container form {
    margin-top: 1rem;
    flex-direction: column;
    max-width: 31.25rem;
  }

  .page-10-empresas-parceiras .hero .container form input {
    flex: initial;
    height: 3.75rem;
    padding-inline: 2rem;
  }

  .page-10-empresas-parceiras .hero .container form .input-group-select {
    width: 100%;
    max-width: initial;
  }

  .page-10-empresas-parceiras .hero .container form .input-group-select label {
    height: 3.75rem;
    padding-inline: 2rem;
  }

  .page-10-empresas-parceiras .hero .container form button {
    flex: initial;
    height: 3.75rem;
    width: 100%;
    /* ensure mobile variant keeps the same appearance reset */
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background-clip: padding-box;
    -webkit-tap-highlight-color: transparent;
  }
}

.page-10-empresas-parceiras .list-companies .container .group-title {
  margin-bottom: 1.5rem;
}

.page-10-empresas-parceiras .list-companies .container .group-title h2 {
  font-size: 2rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  margin-bottom: 0.25rem;
}

.page-10-empresas-parceiras .list-companies .container .group-title p {
  font-size: 1.25rem;
  font-weight: 400;
  color: #222222;
  letter-spacing: -0.4px;
  line-height: 1.4;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .cover {
  height: 14.875rem;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info {
  background-color: #474948;
  padding-inline: 1.375rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info .category {
  width: -moz-max-content;
  width: max-content;
  border-radius: 24px;
  height: 1.875rem;
  padding-inline: 1.25rem;
  background-color: #F5F3F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  border: 1px solid #474948;
  margin-top: -0.9375rem;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info h3 {
  margin-top: 0.75rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #F5F3F1;
  font-size: 1.5rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.28px;
  line-height: 1.4;
  height: 120px;
  overflow: hidden
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info p:last-of-type {
  margin-bottom: 1.5rem;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info .btn-more {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
}

.page-10-empresas-parceiras .list-companies .container .blog-post .info .btn-more span {
  padding-right: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  text-transform: uppercase;
  border-bottom: 1px solid #FFFFFF;
}

.page-10-empresas-parceiras .list-companies .container .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8125rem;
}

.page-10-empresas-parceiras .list-companies .container .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.page-10-empresas-parceiras .list-companies .container .pagination .btn {
  height: 3.125rem;
  width: 4.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #474948;
}

.page-10-empresas-parceiras .list-companies .container .pagination .pages {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.page-10-empresas-parceiras .list-companies .container .pagination .pages a {
  min-width: 4.5625rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D2D2D2;
  font-size: 1.25rem;
  font-weight: 500;
  color: #989A9C;
  letter-spacing: 0;
  text-decoration: none;
}

.page-10-empresas-parceiras .list-companies .container .pagination .pages a.active,
.page-10-empresas-parceiras .list-companies .container .pagination .pages a:hover {
  color: #474948;
}

.page-10-empresas-parceiras .list-companies .container .pagination .pages span {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #989A9C;
  letter-spacing: 0;
}

@media screen and (max-width: 993px) {
  .page-10-empresas-parceiras .list-companies .container .group-title {
    margin-bottom: 1.5rem;
  }

  .page-10-empresas-parceiras .list-companies .container .group-title h2 {
    font-size: 1.5rem;
    line-height: 1.26;
    margin-bottom: 0.5rem;
  }

  .page-10-empresas-parceiras .list-companies .container .group-title p {
    font-size: 1rem;
  }

  .page-10-empresas-parceiras .list-companies .container .wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 600px) {
  .page-10-empresas-parceiras .list-companies .container .wrapper {
    grid-template-columns: 1fr;
  }

  .page-10-empresas-parceiras .list-companies .container .pagination {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .page-10-empresas-parceiras .list-companies .container .pagination .pages {
    flex: 1;
  }

  .page-10-empresas-parceiras .list-companies .container .pagination .pages a:not(.active) {
    display: none;
  }

  .page-10-empresas-parceiras .list-companies .container .pagination .pages a.active {
    flex: 1;
  }

  .page-10-empresas-parceiras .list-companies .container .pagination .pages span {
    display: none;
  }
}

.page-10-empresas-parceiras .main-footer-1 {
  padding-top: 5rem;
  background-image: none;
}

.page-12-eventos-listagem .featured .container article .info h3 {
  border-bottom: none;
}

.page-12-eventos-listagem .featured .container article .info .time {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #F5F3F1;
  padding-bottom: 1.375rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.page-12-eventos-listagem .most-recent .container .blog-post .info h3 {
  line-height: 1.26;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
  border-bottom: none;
}

.page-12-eventos-listagem .most-recent .container .blog-post .info .time {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F5F3F1;
  padding-bottom: 1.375rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.page-12-eventos-listagem .most-recent .container .blog-post .info p+p {
  margin-top: 1.5625rem;
}

.page-12-eventos-listagem .most-recent .container .wrapper {
  grid-template-columns: 1fr 1fr;
}

.page-12-eventos-listagem .most-recent .container .wrapper article {
  cursor: pointer;
}

@media screen and (max-width: 769px) {
  .page-12-eventos-listagem .most-recent .container .wrapper {
    grid-template-columns: 1fr;
  }
}

.page-13-eventos-interna .hero {
  padding-top: 9.375rem;
  padding-bottom: 4rem;
  background-color: #474948;
}

.page-13-eventos-interna .hero .container {
  display: flex;
  gap: 1.875rem;
}

.page-13-eventos-interna .hero .container .left {
  max-width: 41.875rem;
  width: 100%;
}

.page-13-eventos-interna .hero .container .left .breadcrumb {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.page-13-eventos-interna .hero .container .left .breadcrumb a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 1.26;
  text-decoration: none;
}

.page-13-eventos-interna .hero .container .left .breadcrumb a:hover {
  text-decoration: underline;
}

.page-13-eventos-interna .hero .container .left .breadcrumb svg {
  margin-top: 0.25rem;
}

.page-13-eventos-interna .hero .container .left .category {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1.3125rem;
  height: 1.875rem;
  background-color: #F5F3F1;
  font-size: 0.875rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
  border-radius: 24px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.9375rem;
}

.page-13-eventos-interna .hero .container .left h1 {
  font-size: 2rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  line-height: 1.26;
  max-width: 33.625rem;
  margin-bottom: 0.5rem;
}

.page-13-eventos-interna .hero .container .left .time {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F5F3F1;
  padding-bottom: 1.375rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  gap: 0.5rem;
  max-width: 33.625rem;
  margin-top: 0.25rem;
}

.page-13-eventos-interna .hero .container .left p {
  max-width: 33.625rem;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
}

.page-13-eventos-interna .hero .container .left .btn-white {
  padding-inline: 4rem;
  height: 3.375rem;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: -0.32px;
}

.page-13-eventos-interna .hero .container .right {
  flex: 1;
}

.page-13-eventos-interna .hero .container .right img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1350px) {
  .page-13-eventos-interna .hero .container {
    flex-direction: column;
  }
}

@media screen and (max-width: 993px) {
  .page-13-eventos-interna .hero {
    padding-top: 6.875rem;
    padding-bottom: 1.25rem;
  }

  .page-13-eventos-interna .hero .container {
    gap: 1.5rem;
  }

  .page-13-eventos-interna .hero .container .left .breadcrumb {
    margin-bottom: 0.625rem;
  }

  .page-13-eventos-interna .hero .container .left .category {
    height: 2.125rem;
    padding-inline: 1.5rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }

  .page-13-eventos-interna .hero .container .left h1 {
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.19;
    margin-bottom: 0.25rem;
  }

  .page-13-eventos-interna .hero .container .left .time {
    margin-top: 0;
    padding-bottom: 0.625rem;
    margin-bottom: 0.75rem;
  }

  .page-13-eventos-interna .hero .container .left p {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 769px) {
  .page-13-eventos-interna .hero .container .left .btn-white {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #F5F3F1;
    border-top: 1px solid #474948;
    z-index: 4;
  }
}

.page-13-eventos-interna .main-content .container {
  display: grid;
  grid-template-columns: 1fr 33.125rem;
  gap: 1.875rem;
  padding-top: 3rem;
  padding-bottom: 5rem;
  position: relative;
}

.page-13-eventos-interna .main-content .container .left {
  position: relative;
}

.page-13-eventos-interna .main-content .container .left .social {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}

.page-13-eventos-interna .main-content .container .left .social a {
  text-decoration: none;
}

.page-13-eventos-interna .main-content .container .left {
  position: absolute;
  left: -5rem;
  top: 3rem;
  bottom: 0;
}

.page-13-eventos-interna .main-content .container .body p {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.6;
}

.page-13-eventos-interna .main-content .container .body p+h2 {
  margin-top: 2rem;
}

.page-13-eventos-interna .main-content .container .body h2 {
  font-size: 1.5rem;
  font-weight: 37.5rem;
  color: #474948;
  letter-spacing: -0.48px;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}

.page-13-eventos-interna .main-content .container .body img {
  display: block;
  width: 100%;
  margin-block: 2rem;
}

.page-13-eventos-interna .main-content .container .body ul {
  margin-left: 1.375rem;
}

.page-13-eventos-interna .main-content .container .body ul li {
  font-size: 1rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.6;
}

.page-13-eventos-interna .main-content .container .right {
  position: relative;
}

.page-13-eventos-interna .main-content .container .right .form-float {
  position: sticky;
  top: 120px;
  padding: 2.5rem 3.75rem 2.5rem 2.5rem;
  background: linear-gradient(77.11deg, #474948 -29.2%, #989A9C 267.43%), #D9D9D9;
}

.page-13-eventos-interna .main-content .container .right .form-float h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.48px;
  line-height: 1.6;
  margin-bottom: 0.25rem;
}

.page-13-eventos-interna .main-content .container .right .form-float p {
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -0.32px;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  max-width: 25rem;
}

.page-13-eventos-interna .main-content .container .right .form-float .input-group+.input-group {
  margin-top: 1.875rem;
}

.page-13-eventos-interna .main-content .container .right .form-float button[type=submit] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #FFFFFF;
  border: 0;
  height: 4rem;
  font-size: 1rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.4;
  margin-top: 2rem;
}

@media screen and (max-width: 1650px) {
  .page-13-eventos-interna .main-content .container {
    grid-template-columns: 1fr 26.875rem;
  }
}

@media screen and (max-width: 1600px) {
  .page-13-eventos-interna .main-content .container {
    display: block;
    max-width: 79.375rem;
    margin-left: auto;
    margin-right: calc((100% - 1350px) / 2);
  }
}

@media screen and (max-width: 1450px) {
  .page-13-eventos-interna .main-content .container {
    display: block;
    max-width: initial;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: 40px;
    padding-right: 0;
    padding-left: 100px;
  }

  .page-13-eventos-interna .main-content .container .left {
    left: 0;
  }

  .page-13-eventos-interna .main-content .container .right {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 993px) {
  .page-13-eventos-interna .main-content .container {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    width: 100%;
    margin-inline: auto;
    padding-bottom: 0;
  }

  .page-13-eventos-interna .main-content .container .left {
    position: static;
    display: flex;
    order: 2;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
    margin-inline: auto;
    border-top: 1px solid #474948;
    margin-top: 1rem;
    padding-top: 1rem;
  }

  .page-13-eventos-interna .main-content .container .left::after {
    content: "Compartilhe:";
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    color: #474948;
    letter-spacing: -0.28px;
    line-height: 1.6;
    margin-bottom: 1rem;
  }

  .page-13-eventos-interna .main-content .container .left .social {
    flex-direction: row;
    justify-content: center;
  }

  .page-13-eventos-interna .main-content .container .body {
    order: 1;
    padding-inline: 1.25rem;
  }

  .page-13-eventos-interna .main-content .container .right {
    order: 3;
    margin-top: 0;
    background: #474948;
  }

  .page-13-eventos-interna .main-content .container .right .form-float {
    background: #474948;
    padding-bottom: 0;
    padding-inline: 1.25rem;
  }
}

@media screen and (max-width: 993px) {
  .page-13-eventos-interna .main-content .container {
    padding-top: 1.5rem;
  }

  .page-13-eventos-interna .main-content .container .body p {
    font-size: 0.875rem;
    letter-spacing: -0.28px;
  }

  .page-13-eventos-interna .main-content .container .body h2 {
    margin-bottom: 0.25rem;
    line-height: 1.4;
    font-size: 1rem;
  }

  .page-13-eventos-interna .main-content .container .right .form-float {
    padding-top: 4rem;
  }

  .page-13-eventos-interna .main-content .container .right .form-float .input-group+.input-group {
    margin-top: 2rem;
  }
}

.page-13-eventos-interna .main-footer-1 {
  padding-top: 5rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts {
  padding-bottom: 3.75rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts article {
  cursor: pointer;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container>h2 {
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.26;
  color: #F5F3F1;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .cover {
  height: 22.5rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info {
  background-color: #F5F3F1;
  padding-inline: 2rem;
  padding-bottom: 7.5rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info .category {
  width: -moz-max-content;
  width: max-content;
  border-radius: 24px;
  height: 1.875rem;
  padding-inline: 1.25rem;
  background-color: #474948;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  color: #F5F3F1;
  letter-spacing: 0;
  border: 1px solid #F5F3F1;
  margin-top: -0.9375rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info h3 {
  margin-top: 0.9375rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  line-height: 1.26;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info .time {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #474948;
  padding-bottom: 1.375rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: #474948;
  letter-spacing: 0;
  gap: 0.5rem;
  max-width: 34.6875rem;
  margin-top: 0.25rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info p {
  font-size: 0.875rem;
  font-weight: 400;
  color: #474948;
  letter-spacing: -0.28px;
  line-height: 1.4;
  max-width: 34.6875rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info p+p {
  margin-top: 1.5625rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info p:last-of-type {
  margin-bottom: 1.5rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info .btn-more {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  position: absolute;
  bottom: 2.625rem;
  left: 2rem;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info .btn-more span {
  padding-right: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #474948;
  letter-spacing: -0.32px;
  line-height: 1.4;
  text-transform: uppercase;
  border-bottom: 1px solid #474948;
}

.page-13-eventos-interna .main-footer-1 .related-posts .container .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}

@media screen and (max-width: 1200px) {
  .page-13-eventos-interna .main-footer-1 .related-posts .swiper {
    width: calc(100% + 40px);
    padding-bottom: 2.5rem;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .swiper .swiper-pagination {
    bottom: 0;
    margin-top: 0;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #656766;
    opacity: 1;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #F5F3F1;
  }
}

@media screen and (max-width: 993px) {
  .page-13-eventos-interna .main-footer-1 {
    background: #474948;
    padding-bottom: 2.5rem;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container>h2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .swiper {
    width: calc(100% + 20px);
  }
}

@media screen and (max-width: 769px) {
  .page-13-eventos-interna .main-footer-1 .related-posts .swiper {
    width: 100%;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .cover {
    height: 100%;
    aspect-ratio: 335/250;
    width: 100%;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info {
    padding: 0 2.25rem 5.625rem 1.5rem;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info h3 {
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info p:last-of-type {
    margin-bottom: 0;
  }

  .page-13-eventos-interna .main-footer-1 .related-posts .container .blog-post .info .time {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.grecaptcha-badge {
  display: none;
}

.cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(16px + env(safe-area-inset-bottom, 0));
  display: flex;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}

.cookie-consent__card {
  max-width: 980px;
  width: min(94vw, 980px);
  background: #f6f7f9;
  color: #222;
  border: 1px solid var(--cc-border);
  box-shadow: var(--cc-shadow);
  border-radius: var(--cc-radius);
  padding: 16px 18px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px 16px;
  align-items: center;
  pointer-events: auto;
}

.cookie-consent .cookie-consent__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px 0;
  line-height: 1.25;
  color: #222 !important;
}

.cookie-consent__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--cc-muted) !important;
}

.cookie-consent__actions {
  display: inline-flex;
  gap: 10px;
  justify-self: end;
}

@media(max-width: 991px) {
  .cookie-consent__actions {
    flex-direction: column;
  }
}

.cc-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  height: 3rem;
  line-height: 1;
  transition: transform .06s ease, box-shadow .2s ease, background-color .2s ease;
}

.cc-btn:focus-visible {
  outline: 2px solid var(--cc-primary);
  outline-offset: 2px;
}

.cc-btn--primary {
  color: #FFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.cc-btn--primary:hover {
  transform: translateY(-1px);
}

.cc-btn--ghost {
  background: transparent;
  color: #222;
  border: 1px solid var(--cc-border);
}

.cookie-consent a {
  color: var(--cc-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}


/* WhatsApp Form */
.form-wpp {
  position: fixed;
  bottom: -125px;
  right: -40px;
  opacity: 0;
  border-radius: 8px;
  width: max(350px, 30%);
  overflow: hidden;
  z-index: 10;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-blend-mode: lighten;
  background-color: #d9d9d9;
  box-shadow: 0 0 25px -5px #8c8c8c;
  transition: all 250ms ease;
  transform: scale(0);
}

.form-wpp.active {
  transform: scale(1);
  bottom: 70px;
  right: 15px;
  opacity: 1;
}

.form-wpp .fw-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
  padding: 15px 24px 13px;
  color: white;
  font-size: 18px;
  box-shadow: 5px 0px 40px 15px white;
}

.form-wpp .fw-header img {
  width: 30px;
  aspect-ratio: 1;
  object-fit: cover;
}

.form-wpp .fw-content {
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 16px;
}

.form-wpp :is(input, textarea, button) {
  width: 100%;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  border: 1px solid #0dc152;
  outline: none;
  font-size: 14px;
}

.form-wpp h5 {
  color: #404041;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
}

.form-wpp h5 a {
  text-decoration: underline;
  font-weight: 600;
}

.form-wpp button {
  background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
  color: white;
  cursor: pointer;
  transition: all 200ms ease;
}

.form-wpp .btn-close {
  background: transparent;
  border: 0;
  padding: 0;
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: inherit;
  position: absolute;
  right: 20px;
}

/* Styles for plans listing page sliders */
.plans-price .swiper-price .swiper-slide {
  display: flex;
  justify-content: center;
}

.plans-price .card-price {
  width: 100%;
  max-width: 420px; /* keep single plan at a reasonable width */
}

@media screen and (max-width: 700px) {
  .plans-price .card-price {
    max-width: 100%;
  }
}


.form-wpp button:is(:hover, :focus-visible) {
  background-color: #30C96B;
}

.form-wpp a {
  color: inherit;
}

.btn-whatsapp-float {
  position: fixed;
  bottom: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  padding: 1.2rem;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120.1%;
  letter-spacing: 0;
  background: linear-gradient(158deg, #30C96B 0%, #3CA765 100%) #30C96B;
  transition: background 0.3s ease;
  z-index: 4;
  border: none;
  cursor: pointer;
}

.btn-whatsapp-float:hover {
  background: #30C96B;
}


@media screen and (max-width: 1300px) {
  .form-wpp .btn-close {
    right: 15px;
  }
  .form-wpp .fw-header{
    font-size: 16px;
  }
}

/* Additional styles for plan sliders */
.hire-plan .swiper-planos .swiper-slide {
  display: flex;
  justify-content: center;
}

.hire-plan .swiper-planos .plan-card {
  width: 100%;
  max-width: 420px; /* limit width so a single plan doesn't stretch full container */
}

@media screen and (max-width: 700px) {
  .hire-plan .swiper-planos .plan-card {
    max-width: 100%;
  }
}