/* Gerado por scripts/css.mjs a partir do tema WordPress da Elleva Digital. Não editar: ajustes vão em ajustes.css. */

/* global.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.grecaptcha-badge {
  visibility: hidden;
}

:root {
  --purple: #f23847;
  --purple-dark: #321642;
  --purple-light: #e5beff;
  --purple-variante: f23847;

  --yellow: #ffbd17;
  --orange: #ffc300;

  --blue: #267ada;

  --gray00: #f8f9fa;
  --gray01: #1d242d;
  --gray02: #546881;
  --gray03: #6e7191;
  --gray04: #a0a3bd;
  --gray05: #d6d8e7;
  --gray06: #ffffffbf;
  --gray07: #74808b;
  --gray08: #343a40;

  --white: #fff;
  --black: #14142b;

  --linear-dark-blue: linear-gradient(103.27deg, #252356 1.18%, #4f3b8a 101.49%);
  --linear-light-blue: linear-gradient(98.86deg, #3067f9 -13.78%, #82e2e4 120.28%);
}

.hover_yellow:hover {
  color: var(--yellow) !important;
}

.hover_purple:hover {
  color: var(--purple) !important;
}

.green_valor {
  color: #00a980;
}

a {
  text-decoration: none;
  color: black;
  transition: all ease 0.5s;
}

.alinhar {
  display: flex;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #fff;
  width: fit-content;
}

a:hover {
  transform: scale(0.99);
}

li {
  list-style: none;
}

.heading64 {
  font-family: "IBM Plex Sans";
  font-weight: 700;
  line-height: 82px;
  font-size: 64px;
}

.heading56 {
  font-family: "Red Hat Display";
  font-size: 56px;
  font-style: normal;
  line-height: 64px;
  letter-spacing: 0.28px;
}

.heading56_bold {
  font-family: "IBM Plex Sans";
  font-size: 56px;
  line-height: 70px;
  font-weight: 700;
}

.heading56_light {
  font-family: "IBM Plex Sans";
  font-size: 56px;
  line-height: 70px;
  font-weight: 300;
}

.heading48 {
  font-family: "Red Hat Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 54px;
}

.heading40 {
  font-family: "Red Hat Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

.heading32 {
  /* Heading-32 */
  font-family: "Red Hat Display";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 125% */
}

.heading20 {
  font-family: "Red Hat Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.heading24 {
  font-family: "Red Hat Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.heading30 {
  font-family: "Red Hat Display";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.heading36 {
  font-family: "Red Hat Display";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
}

.heading18 {
  font-family: "IBM Plex Sans";
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.tag_section1 {
  color: var(--Purple, #f23847);
  text-align: center;

  /* Body-12 */
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  /* 133.333% */
  width: fit-content;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  border: 0.5px solid rgba(242, 56, 71, 0.4);
  background: rgba(242, 56, 71, 0.05);
}

.tag_section3 {
  color: #fff;
  text-align: center;

  /* Body-12 */
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  /* 133.333% */
  width: fit-content;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.25);
}

.tag_section2 {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.25);
  width: fit-content;
  color: var(--White, #fff);
  text-align: center;

  /* Body-12 */
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  /* 133.333% */
}

.body24 {
  font-family: "Open Sans";
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
}

.body18 {
  font-family: "Poppins";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.body16 {
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body14_upper {
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.body14 {
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.body12 {
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}

.button16 {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.button14 {
  font-family: "IBM Plex Sans";
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.link14 {
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: none;
  cursor: pointer;
}

.overline16 {
  font-family: "IBM Plex Sans";
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.overline12 {
  font-family: "IBM Plex Sans";
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

button {
  background-color: transparent;
  border: none;
}

.align {
  display: flex;
  align-items: center;
}

.text_center {
  text-align: center;
}

.purple {
  color: var(--purple);
}

.purple_dark {
  color: var(--purple-dark);
}

.purple-variante {
  color: var(--purple-variante);
}

.purple_light {
  color: var(--purple-light);
}

.yellow {
  color: var(--yellow);
}

.orange {
  color: var(--orange);
}

.blue {
  color: var(--blue);
}

.gray {
  color: var(--gray01);
}

.gray0 {
  color: var(--gray00);
}

.gray2 {
  color: var(--gray02);
}

.gray3 {
  color: var(--gray03);
}

.gray4 {
  color: var(--gray04);
}

.gray5 {
  color: var(--gray05);
}

.gray6 {
  color: var(--gray06);
}

.gray8 {
  color: var(--gray08);
}

.gray7 {
  color: var(--gray07);
}

.white {
  color: var(--white);
}

.light {
  color: #e9f9fc;
}

.black {
  color: var(---black);
}

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

.center_gap1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

.container {
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
}

.container_alternative {
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
}

.button_primary {
  background: var(--purple);
  color: var(--white);
}

.width100 {
  width: 100%;
}

.button_primary:hover {
  transform: scale(0.98);
}

.button_secundary {
  background-color: var(--yellow);
  color: var(--black);
}

.button_secundary:hover {
  transform: scale(0.98);
}

.border {
  border: 1px solid var(--purple);
}

.button {
  padding: 16px 24px;
  border-radius: 4px;
  gap: 5px;
  width: fit-content;
}

.button2 {
  padding: 12px 16px;
  border-radius: 4px;
  gap: 10px;
  width: fit-content;
}

.decoration {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .heading64 {
    font-size: 48px;
    line-height: 55px;
  }

  .heading56 {
    /* Heading-32 */
    font-family: "Red Hat Display";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
  }

  .heading56_light {
    font-size: 42px;
    line-height: 52px;
  }

  .heading48 {
    font-family: "Red Hat Display";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }

  .heading40 {
    font-family: "Red Hat Display";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }

  .heading36 {
    font-family: "Red Hat Display";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }
}

.animação {
  transform: translateY(0px);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }
}

body::-webkit-scrollbar {
  width: 12px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: var(--white);
  box-shadow: inset 0 0 2px gray;
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: var(--yellow);
  border-radius: 12px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: var(--purple-light);
}

.margin4 {
  margin-bottom: 4px;
}

.margin8 {
  margin-bottom: 8px;
}

.margin10 {
  margin-bottom: 10px;
}

.margin12 {
  margin-bottom: 12px;
}

.margin16 {
  margin-bottom: 16px;
}

.margin20 {
  margin-bottom: 20px;
}

.margin24 {
  margin-bottom: 24px;
}

.margin32 {
  margin-bottom: 32px;
}

.margin35 {
  margin-bottom: 35px;
}

.margin48 {
  margin-bottom: 48px;
}

.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800 {
  font-weight: 800;
}

.font900 {
  font-weight: 900 !important;
}

.full_width {
  width: 100%;
}

.desktop {
  display: flex;
}

.mobile {
  display: none !important;
}

.tablet {
  display: none !important;
}

@media (max-width: 1224px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: flex !important;
  }

  .tablet {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: flex !important;
  }

  .tablet {
    display: none !important;
  }
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
}

.swiper-slide {
  width: 100%;
  flex-shrink: 0;
}

.opacity05 {
  opacity: 0.5;
}

.ajust_gap4 {
  display: flex;
  align-items: center;
  gap: 4px;
}

.ajust_gap8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ajust_gap12 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ajust_gap16 {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ajust_gap20 {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 768px) {
  .margin16_response {
    margin-bottom: 16px !important;
  }
}

button {
  cursor: pointer;
}

/* ./components/header.css */
header {
  background: transparent;
  top: 0;
  z-index: 99998 !important;
  transition: all ease 0.5s;
}

/* When user scrolls this class is added by JS */
header.scrolled {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #12182c !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
  z-index: 99999 !important;
}

header nav.container_alternative {
  display: flex;
  flex-direction: row;
  align-items: center !important;
  justify-content: space-between;
  width: 100%;
  padding: 24px 0;
  background: transparent;
  height: 80px;
}

.left_header {
  display: flex;
  gap: 32px;
}

.logo img {
  max-width: 160px;
  z-index: 1;
}

.right_header {
  display: flex;
  gap: 24px;
  align-items: center;
}

.idioma {
  display: flex;
  position: relative;
  padding: 8px;
}

.idioma2 {
  display: none;
  position: relative;
  padding: 8px;
}

.idioma:hover .dropdown_idioma {
  display: flex;
}

.dropdown_idioma:hover {
  display: flex;
}

.dropdown_idioma {
  position: absolute;
  width: 100%;
  width: 288px;
  padding: 24px 20px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 12px 12px 0px rgba(20, 20, 43, 0.15);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  z-index: 998;
  display: none;
  position: absolute;
  right: -150px;
  top: 30px;
}

.dropdown_idioma .divider_gray {
  border: none;
  height: 1px;
  background-color: #d3e2f2;
  width: 100%;
}

.top_dropdown_idioma {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

a.glink {
  color: #fff;
}

a.glink.gt-current-lang {
  padding: 3px 16px;
  border-radius: 4px;
  background: var(--purple);
}

.change_idioma {
  display: flex;
  align-items: center;
  gap: 16px;
}

.change_idioma a {
  color: var(--Waikawa-Gray-500, #839dd1);

  /* Buton16 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.change_idioma a.gt-current-lang {
  color: var(--White, #fff);

  /* Buton16 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.bottom_dropdown_idioma {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.links_idioma {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 16px;
}

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

.cta_header {
  display: flex;
  width: fit-content;
  padding: 16px 12px 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4000px;
  border: 1px solid var(--Purple, #f23847);
  transition: all ease 0.5s;
  cursor: pointer;
}

.cta_header svg {
  width: 24px;
  height: 24px;
  border-radius: 400px;
  background: var(--White, #f23847);
  transition: all ease 0.5s;
}

.cta_header svg path {
  fill: #fff;
}

.cta_header:hover {
  background: #f23847;
  transform: scale(0.99);

  svg {
    background: #f23847;

    path {
      fill: #fff;
    }
  }
}

/* Esconde o menu lateral */
.sidebar_mobile {
  position: fixed;
  top: 0;
  left: -100%;
  width: 320px;
  max-width: 85vw;
  height: 100%;
  background: #fff;
  z-index: 100000;
  transition: left 0.3s ease;
  overflow-y: auto;
  padding: 44px 20px;
  align-items: center;
  gap: 10px;
  border: 1px solid #ededed;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
}

.sidebar_mobile.active {
  left: 0;
}

.overlay_sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.overlay_sidebar.active {
  opacity: 1;
  pointer-events: all;
}

body.menu-open {
  overflow: hidden;
}

.sidebar_mobile {
  width: 100%;
  padding: 44px 20px;
  align-items: center;
  gap: 10px;
  border: 1px solid #ededed;
  background: #fff;
}

.nav_sidebar_mobile ul {
  gap: 24px;
  flex-direction: column;
  display: flex;
  padding: 32px 8px;
  list-style: none;
  margin: 0;
}

.nav_sidebar_mobile li a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 12px 8px;
  color: #1d242d;
  transition: all 0.3s ease;
  border-radius: 6px;
}

.nav_sidebar_mobile li a:hover {
  background-color: #f8f8f8;
}

.nav_sidebar_mobile li a span {
  font-size: 16px;
  font-weight: 400;
}

.nav_sidebar_mobile li a svg {
  flex-shrink: 0;
  display: block;
}

.nav_sidebar_mobile p {
  color: #909dad;
  font-family: Poppins;
  margin-bottom: -8px;
}

.cta_sidebar {
  padding: 32px 0px;
}

.btn_cta_sidebar {
  display: flex;
  align-items: center;
  gap: 8px;
}

.text_redes {
  color: var(--Foundation-Blue-Normal, #546881);
}

.social_sidebar {
  display: flex;
  gap: 5px;
}

.btn_cta_sidebar {
  border-radius: 4000px;
  background: linear-gradient(90deg, #c66fff 0%, #7e17c1 100%),
    linear-gradient(90deg, #9747ff 0%, #4d1695 100%);
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 32px 12px 12px;
  max-width: 184px;
  width: 100%;
}

.barra_cinza {
  background-color: #f2f7fb;
  height: 1px;
  max-width: 200px;
  width: 100%;
  border: none;
}

.nav_sidebar_mobile a {
  color: #1d242d;
}

#closeSidebar {
  position: absolute;
  top: 16px;
  right: 20px;
  background: none;
  border: none;
  font-size: 28px;
  font-weight: bold;
  color: #f23847;
  cursor: pointer;
  z-index: 10;
  transition: transform 0.2s ease;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

#closeSidebar:hover {
  transform: scale(1.1);
}

.nav_sidebar_mobile li.active a {
  background-color: #f23847;
  color: white;
  border-radius: 6px;
  background: var(--Purple, #f23847);
  padding: 8px;
}

.sidebar_mobile li.active a svg {
  color: #ffbd17;
}

.sidebar_mobile li a svg {
  color: #170820;
}

/* --- */

.page-tech .cta_header {
  border: 1px solid #fff;
}

.links_header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* Menu Hambúrguer */
.hamburger_menu {
  display: none;
  flex-direction: column;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  z-index: 99999;
  transition: all 0.3s ease;
}

.hamburger_menu span {
  width: 28px;
  height: 3px;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s ease;
}

header.scrolled .hamburger_menu span {
  background: #f23847;
}

.hamburger_menu.active span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.hamburger_menu.active span:nth-child(2) {
  opacity: 0;
}

.hamburger_menu.active span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

#header .container_alternative {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1244px) {
  .links_header {
    display: none !important;
  }

  .hamburger_menu {
    display: flex;
  }

  .right_header {
    display: none !important;
  }

  header nav.container_alternative {
    padding: 24px 40px;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  .header_ajust {
    background-color: transparent !important;
  }
}

@media (max-width: 1200px) {
  .space_header {
    display: none;
  }

  .MobileMenuActive {
    display: flex;
  }

  header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 834px) {
  .header {
    padding: 0px 40px;
  }
}

@media (max-width: 768px) {
  header nav.container_alternative {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .right_header {
    display: none;
  }

  header nav.container_alternative {
    padding: 40px 20px;
  }

  body {
    margin-top: -130px;
  }
}

@media (max-width: 440px) {
  .header header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 50;
    padding-bottom: 16px;
  }
}

@media (max-width: 500px) {
  .header {
    padding: 0px;
  }

  .header nav.container_alternative {
    padding: 24px !important;
  }

  .header {
    box-shadow: 0 6px 8px 0 rgba(31, 16, 11, 0.05);
  }

  header nav.container_alternative {
    height: fit-content;
  }
}

.mobile_white {
  display: none !important;
}

/* ./components/footer.css */
.footer {
  border-top: 1px solid var(--Purple-Primary-Primria-Purple-Inverso, #2a0045);
  background: #0b0321;
}

.footer .container {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.left_footer {
  padding-right: 51px;
  padding-top: 64px;
  padding-bottom: 119px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 559px;
}

.left_left_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 559px;
}

.img_logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.right_left_footer {
  max-width: 245px;
  display: flex;
  flex-direction: column;
}

.right_footer {
  padding-top: 64px;
  padding-bottom: 119px;
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.top_right_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  max-width: 176px;
  flex-shrink: 0;
}

.redes_footer {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.rede_footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: #f1f3f5;

  /* Body-12 */
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  /* 133.333% */
}

.rede_footer div {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 4000px;
  border: 0.75px solid var(--Primria-Deep-Purple-Primria-Deep-Purple2, #f1defd);
}

.rede_footer div svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.bottom_right_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 176px;
  flex-shrink: 0;
}

.bottom_center_footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 140px;
  flex-shrink: 0;
}

.bottom_footer {
  background: #f23847;
  padding: 24px;
}

.bottom_footer .container {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom_menu_iten {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 24px 0;
  cursor: pointer;
  gap: 4px;
  width: 80px;
}

.bottom_menu_mobile .active img:first-of-type {
  display: none;
}

.bottom_menu_mobile .active img:last-of-type {
  display: block;
}

.bottom_menu_iten img:last-of-type {
  display: none;
}

.bottom_menu_mobile .active p {
  color: var(--purple);
}

.left_left_footer .cta_header {
  display: flex;
  width: fit-content;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4000px;
  border: 1px solid #fff;
  transition: all ease 0.5s;
  cursor: pointer;
}

@media (max-width: 1400px) {
  footer {
    overflow: hidden;
  }
}

@media (max-width: 1224px) {
  .img_logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }

  .footer_links_tablet {
    display: flex;
    justify-content: space-between;
    gap: 70px;
    flex-wrap: wrap;
  }

  .top_right_content2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }

  .img_logo p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
  }
}

@media (max-width: 768px) {
  .footer .container {
    padding: 40px 20px 67px;
  }

  .footer .container:last-of-type {
    padding: 16px 20px;
    justify-content: center;
  }

  .bottom_footer .container p {
    text-align: center;
    color: var(--White, #fff);
    text-align: center;

    /* Body-12 */
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    /* 133.333% */
    max-width: 360px;
  }

  .left_footer {
    padding-top: 0;
    border: none;
    gap: 32px;
    padding-bottom: 0;
  }

  .footer .cta_header {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .bottom_footer {
    padding: 0;
  }

  .right_footer {
    padding-bottom: 0px;
  }

  .right_footer {
    flex-direction: column;
  }
}

/* ./components/button-cta.css */
.button-cta {
  padding: 1rem 1.5rem;
  border-radius: 4px;
}

/* ./components/cases.css */
.page_cases_market {
  padding: 120px 0;
  background: #f7f7fc;
}

.cases_market_button {
  margin: 64px auto 0 auto;
}

.top_cases_market {
  text-align: center;
  margin: 0 auto;
  max-width: 1016px;
  padding-bottom: 64px;
}

@media (max-width: 850px) {
  .page_cases_market {
    padding: 60px 20px;
  }
}

/* ./components/form-lateral.css */
.form_lateral {
  position: fixed;
  width: 100%;
  width: 100%;
  max-width: 500px;
  height: 100vh;
  right: -500px;
  bottom: 0;
  background: #fff;
  z-index: 999999;
  overflow: auto;
  transition: all 0.3s ease;
}

.form_lateral::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.form_lateral::-webkit-scrollbar-track {
  background: var(--white);
}

/* Handle */
.form_lateral::-webkit-scrollbar-thumb {
  background: var(--purple);
  border-radius: 12px;
}

/* Handle on hover */
.form_lateral::-webkit-scrollbar-thumb:hover {
  background: var(--purple);
}

.top_form_lateral {
  padding: 16px 64px;
}

.top_form_lateral p {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  width: fit-content;
}

.form_lateral hr {
  opacity: 0.5;
  border: 1px solid #d6d8e7;
}

.content_form_lateral {
  display: flex;
  justify-content: center;
}

.content_form_lateral .wpcf7 {
  background: transparent !important;
  padding: 16px 20px;
  width: 100%;
  max-width: 464px;
}

.content_form_lateral .wpcf7 h4 {
  font-size: 24px;
}

.content_form_lateral .wpcf7 .input_ajust_select,
.content_form_lateral .wpcf7 .input_ajust,
.content_form_lateral .wpcf7 .input_ajust_tell {
  background: white;
}

.content_form_lateral .wpcf7 select {
  background-color: transparent;
}

@media (max-width: 600px) {
  .top_form_lateral {
    padding: 32px 20px;
  }
}

.overlay_form_lateral {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgb(0, 0, 0, 0.6);
  height: 100vh;
  width: 100vw;
  z-index: 500;
  display: none;
}

/* ./components/breadcrumb.css */
.breadcrumb_wrapper {
  display: none;
}

.breadcrumb-tablet {
  display: none !important;
}

@media (max-width: 1224px) {
  .breadcrumb_wrapper .breadcrumb_desktop {
    display: none;
  }

  .breadcrumb-tablet {
    display: flex;
  }

  /* .breadcrumb_wrapper_desktop {
    display: none;
  } */

  .breadcrumb_wrapper {
    position: sticky;
    top: 80px;
    background: #fff;
    z-index: 1000;
    padding: 16px 32px;
    box-sizing: border-box;
    width: 100%;
  }

  .breadcrumb_wrapper {
    margin-top: 80px;
  }

  .linha {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .breadcrumb-tablet .breadcrumb ul {
    display: flex;
    justify-content: space-between;
  }

  .divider_breadcrumb {
    width: 32px;
    height: 1px;
    background-color: #000;
  }
}

/* ./components/sidebar.css */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: none;
}

.overlay.active {
  display: block;
}

.sidebar_mid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.close_sidebar {
  cursor: pointer;
}

.top_sidebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form select,
.wpcf7-form textarea {
  border-radius: 6px;
  border: 1px solid rgba(178, 187, 198, 0.2);
  background: var(--White, #fff);
  height: 56px;
  padding: 0px 16px;
  gap: 10px;
  width: 100%;
  color: var(--Waikawa-Gray-500, #839dd1);
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.wpcf7-form textarea {
  padding: 16px;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder,
.wpcf7-form label,
.wpcf7-form select option {
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--Waikawa-Gray-500, #839dd1);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.wpcf7-form input:focus-visible,
.wpcf7-form select:focus-visible,
.wpcf7-form textarea:focus-visible {
  outline: none;
}

.wpcf7-form textarea {
  height: 112px;
}

.wpcf7-form {
  width: 100%;
  max-width: 100%;
}

.double_input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wpcf7-form input[type="submit"] {
  border-radius: 4000px;
  background: var(--purple);
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
  border: none !important;
  margin-top: 8px;
  width: 100%;
}

.formulario_ajust {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#formSidebar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 720px;
  height: 100%;
  min-height: 600px;
  z-index: 1000;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  overflow-y: auto;
  background: var(--Waikawa-Gray-50, #f2f7fb);
  padding: 31px 40px;
  z-index: 999999 !important;
  border: 1px solid #ededed;
}

#formSidebar.active {
  right: 0;
}

.sidebar_disable button {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001;
}

@media (max-width: 768px) {
  #formSidebar {
    max-width: 100%;
  }

  input[name="instagramOuSite"]:placeholder-shown {
    padding-bottom: 25px;
  }

  .top_sidebar {
    gap: 24px;
  }

  #formSidebar {
    padding: 20px;
  }
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  margin-right: 10px;
  border: 1px solid #f23847;
  border-radius: 3px;
  background: white;
  position: relative;
  cursor: pointer;
}

.wpcf7-form-control {
  display: flex !important;
  align-items: center;
  gap: 4px;
  flex-direction: row;
  flex-wrap: wrap;
}

.wpcf7-list-item label {
  display: flex !important;
  align-items: center;
  gap: 4px;
  flex-direction: row;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.background_full_white {
  width: 100%;
  background-color: #fff;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid rgba(178, 187, 198, 0.2);
}

@media (max-height: 600px) {
  .double_input {
    flex-direction: row;
  }

  #formSidebar {
    padding: 12px 32px;
  }
}

/* ./pages/home/about.css */
.page_home_about {
  padding: 128px 0;
  background: #faf8fe;
}

.page_home_about .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 64px;
  align-self: stretch;
}

.left_top_home_about img {
  width: 100%;
}

.top_home_about {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.right_top_home_about {
  display: flex;
  max-width: 652px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
}

.cards_home_about {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.card_home_about {
  display: flex;
  max-width: 200px;
  height: 170px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: 0.52px solid #e7dbff;
  background: rgba(255, 255, 255, 0.35);
  padding: 16px 12px;
}

.card_home_about div {
  display: flex;
  width: 36px;
  height: 36px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 2081px;
  border: 2px solid rgba(188, 143, 255, 0.03);
  background: #efd6ff;
}

.card_home_about div img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.bottom_home_about {
  max-width: 808px;
  width: 100%;
  gap: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex !important;
  flex-direction: row !important;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.card_about {
  display: flex !important;
  align-items: center !important;
  gap: 30px !important;
  height: 149px !important;
  max-width: 815px !important;
  width: 100%;
  flex-direction: row !important;
}

.content_card_about {
  height: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  max-width: 606px;
  width: 100%;
}

.bottom_home_about .swiper-pagination {
  position: static !important;
  margin-top: 32px;
}

.bottom_home_about .swiper-pagination-bullet-active {
  background: var(--Purple, #a535ef) !important;
}

.bottom_home_about .swiper-pagination-bullet {
  border: 1px solid #a535ef !important;
  width: 8px;
  height: 8x;
  opacity: 1;
  background: transparent;
}

.page_home_about2 {
  display: none;
}

.right_top_home_about_tablet {
  display: none;
}

@media (max-width: 1224px) {
  .right_top_home_about {
    display: none;
  }

  .right_top_home_about_tablet {
    display: flex;
    max-width: 652px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .page_home_about {
    padding: 60px 0px;
  }

  .top_home_about {
    justify-content: center;
    display: flex;
  }

  .right_top_home_about_tablet h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    max-width: 586px;
    width: 100%;
    margin-bottom: 32px;
  }

  .right_top_home_about_tablet p {
    text-align: center;
  }

  .reals {
    max-width: 350px;
    margin: 0 auto 32px;
  }

  .img_cards_tablet {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 32px;
  }

  .card_home_about {
    max-width: 290px;
    width: 100%;
  }

  .bottom_home_about h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    max-width: 510px;
    width: 100%;
  }

  .swiper-wrapper_about {
    max-width: 732px;
    width: 100%;
  }

  .bottom_home_about {
    padding: 0px 40px;
  }
}

@media (max-width: 834px) {
  .page_home_about {
    padding: 64px 40px;
  }

  .left_top_home_about img {
    max-width: 642px;
    max-height: 350.182px;
  }

  .bottom_home_about h3 {
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 36px;
  }
}

@media (max-width: 768px) {
  .right_top_home_about {
    display: flex;
    max-width: 400px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .right_top_home_about h2 {
    text-align: left;
    margin-bottom: 24px;
  }

  .right_top_home_about p {
    text-align: left;
  }

  .page_home_about {
    padding: 40px 20px;
    justify-content: left;
  }

  .top_home_about {
    flex-direction: column-reverse;
  }

  .left_top_home_about {
    width: 100%;
  }

  .reals {
    max-width: 350px;
    margin: 0 auto 32px;
  }

  .card_about {
    flex-direction: column !important;
    text-align: center;
    height: auto !important;
    width: 100%;
  }

  .card_home_about {
    width: 100%;
    max-width: none;
  }

  .subtext_about {
    text-align: center !important;
    font-size: 14px;
    width: 100%;
  }

  .page_home_about .container {
    gap: 28px;
  }

  .page_home_about .button_cta1 {
    padding: 12px 16px;
    width: 100%;
  }

  .right_top_home_about_tablet {
    display: none;
  }

  .card_home_about {
    max-width: 350px;
    width: 100%;
  }

  .bottom_home_about {
    padding: 0;
  }
}

/* ./pages/home/services.css */
.page_home_services {
  background: linear-gradient(180deg, #252a42 0%, #204b88 100%), #e3e9fc;
  padding: 108px 0;
}

.page_home_services .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.top_home_services {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-align: center;
  max-width: 1016px;
  margin: 0 auto;
}

.top_home_services h2 {
  font-size: 48px;
  line-height: 54px;
  width: 100%;
  font-weight: 800;
  font-family: "Red Hat Display";
}

.mid_home_services {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.card_service {
  display: flex;
  max-width: 390px;
  width: 100%;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 6px;
  border: 0.75px solid var(--Purple-Primary-Primria-Purple-Light, #e5beff);
  background: #f3eefc;
  height: 534px;
  transition: all ease 0.5s;
}

/*.card_service:hover {
    height: 562px;

    a {
        display: flex;
    }
} */

.card_service img {
  display: flex;
  max-width: 326px;
  width: 100%;
  height: 250px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}

.card_service p {
  color: var(--foundation-blue-normal-active, #3d4c5e);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.card_service span,
a {
  color: var(--Purple, #f23847);
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.card_service span {
  text-decoration: underline;
}

.card_service button {
  color: var(--Purple, #f23847);
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.content_card_service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 214px;
  align-self: stretch;
  gap: 8px;
}

.content_card_service div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.page_home_services .body12.white {
  color: #1d242d;
}

.carrossel_services .swiper-pagination,
.swiper-pagination {
  margin-top: 32px;
}

.carrossel_services .swiper-pagination-bullet,
.swiper-pagination-bullet {
  background: #ffffff !important;
  opacity: 1 !important;
}

.carrossel_services .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
  background: var(--Purple, #f23847) !important;
}

/* Paginação */
.carrossel_services.mobile {
  flex-direction: column;
}

.carrossel_services .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: transparent;
  opacity: 1;
  transition: all 0.3s ease;
}

.carrossel_services .swiper-pagination-bullet-active {
  background: #f23847 !important;
  transform: scale(1.2);
}

.page_home_services .container .swiper-pagination {
  bottom: -25px !important;
}

.carrossel_services {
  padding-bottom: 60px !important;
}

.valor {
  display: flex;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1224px) {
  .page_home_services {
    padding: 64px 40px;
  }

  .top_home_services h2 {
    font-size: 30px;
    line-height: 40px;
    max-width: 648px;
    width: 100%;
    font-weight: 700 !important;
    font-family: "Red Hat Display";
  }

  .top_home_services p {
    max-width: 462px;
  }

  .carrossel_services.mobile {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .page_home_services {
    padding: 40px 20px 40px 20px;
  }

  .top_home_services h2 {
    margin-bottom: 8px;
  }

  .top_home_services p {
    text-align: left;
  }

  .carrossel_services {
    display: flex !important;
  }

  .card_service {
    max-width: none;
  }

  .top_home_services {
    text-align: left;
    align-items: flex-start;
  }

  .card_service img {
    border-radius: 12px;
  }

  .page_home_services .container {
    gap: 32px;
  }
}

/* ./pages/home/hero.css */
.page_home_hero {
  background-image: url(/img/tema/home/bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 80px;
  position: relative;
}

.page_home_hero .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.left_content_hero {
  display: flex;
  max-width: 577px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}

.top_content_hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.bottom_content_hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.button_cta2 {
  color: var(--White, #fff);

  /* Body-16 */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  width: fit-content;
  display: flex;
  padding: 12px 32px 12px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4000px;
  background: var(--Purple-Primary-Primria-Light, #6f14ab);
  transition: all ease 0.5s;
}

.button_cta2 div {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 400px;
  background: var(--White, #fff);
  transition: all ease 0.5s;
}

.button_cta2 svg {
  width: 16px !important;
  height: 16px !important;
  transition: all ease 0.5s;
}

.button_cta1 {
  color: var(--White, #fff);
  text-decoration: none;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4000px;
  background: #f23847;
  transition: all ease 0.5s;
  padding: 12px 32px 12px 12px;
  cursor: pointer !important;
}

.button_cta_tech {
  color: var(--White, #fff);

  /* Body-16 */
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  width: fit-content;
  display: flex;
  padding: 12px 32px 12px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4000px;
  background: linear-gradient(270deg, #092f90 21.25%, #0d61c0 73.8%);
  transition: all ease 0.5s;
}

.button_cta_tech div {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 400px;
  background: var(--White, #fff);
  transition: all ease 0.5s;
}

.button_cta_tech svg {
  width: 16px;
  height: 16px;
  transition: all ease 0.5s;
}

.button_cta1 div {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 400px;
  background: var(--White, #fff);
  transition: all ease 0.5s;
}

.button_cta1 svg {
  width: 16px;
  height: 16px;
  transition: all ease 0.5s;
}

.calendar_houver,
.calendar {
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: absolute;
}

/* Visibilidade inicial */
.calendar {
  opacity: 1;
  visibility: visible;
}

.calendar_houver {
  opacity: 0;
  visibility: hidden;
}

/* Efeito ao passar o mouse */
.button_cta2:hover {
  background: var(--Purple-Primary-Primria-Purple-Inverso, #2a0045);

  .calendar_houver {
    opacity: 1;
    visibility: visible;
  }

  .calendar {
    opacity: 0;
    visibility: hidden;
  }
}

.button_cta2:hover {
  background: var(--Purple-Primary-Primria-Purple-Inverso, #2a0045);

  .calendar_houver {
    display: block;
  }

  .calendar {
    display: none;
  }

  div {
    background: #a535ef;
  }
}

/* Efeito ao passar o mouse */
.button_cta_tech:hover {
  background: linear-gradient(270deg, #c66fff 0%, #7e17c1 100%),
    linear-gradient(270deg, #9747ff 0%, #4d1695 100%), #2a0045;

  .calendar_houver {
    opacity: 1;
    visibility: visible;
  }

  .calendar {
    opacity: 0;
    visibility: hidden;
  }
}

.button_cta_tech:hover {
  background: linear-gradient(270deg, #c66fff 0%, #7e17c1 100%),
    linear-gradient(270deg, #9747ff 0%, #4d1695 100%), #2a0045;

  .calendar_houver {
    display: block;
  }

  .calendar {
    display: none;
  }
}

/* Efeito ao passar o mouse */
.button_cta1:hover {
  .calendar_houver {
    opacity: 1;
    visibility: visible;
  }

  .calendar {
    opacity: 0;
    visibility: hidden;
  }
}

.button_cta1:hover {
  .calendar_houver {
    display: block;
  }

  .calendar {
    display: none;
  }
}

.right_content_hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 624px;
  z-index: 10;
}

.facebook_content_hero,
.linkedin_content_hero,
.tiktok_content_hero,
.instagram_content_hero,
.googleads_content_hero,
.metaads_content_hero {
  position: absolute;
}

.facebook_content_hero {
  bottom: 5px;
  left: -42px;
}

.linkedin_content_hero {
  bottom: 5px;
  right: -26px;
}

.instagram_content_hero {
  bottom: 248px;
  left: -25px;
  z-index: -1;
}

.tiktok_content_hero {
  bottom: 248px;
  right: -25px;
  z-index: -1;
}

.metaads_content_hero {
  bottom: 381px;
  left: 25px;
  z-index: -1;
}

.googleads_content_hero {
  bottom: 381px;
  right: 25px;
  z-index: -1;
}

@keyframes floatUpDown {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.float-up-down {
  animation: floatUpDown 3s ease-in-out infinite;
}

.float-up-down-slow {
  animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.1);
    opacity: 0.85;
  }
}

.pulse {
  animation: pulse 2s infinite ease-in-out;
}

.marquee-wrapper {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background: rgba(83, 83, 83, 0.2);
  backdrop-filter: blur(15px);
  padding: 24px 0;
}

.marquee {
  display: flex;
  white-space: nowrap;
  animation: marquee-scroll 20s linear infinite;
}

.marquee span {
  display: flex;
  align-items: center;
  gap: 41px;
  color: #fff;
  font-family: "Red Hat Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  /* 130% */
  padding-right: 40px;
}

/* Duplicamos o texto para garantir loop contínuo */
@keyframes marquee-scroll {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 1367px) {
  .left_content_hero {
    justify-content: start;
    padding-top: 80px;
  }

  .top_content_hero h1 {
    font-size: 48px;
  }
}

.bottom_content_hero_tablet {
  display: none;
}

@media (max-width: 1224px) {
  .left_content_hero .bottom_content_hero {
    display: none;
  }

  .bottom_content_hero_tablet {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    justify-content: center;
  }

  .bottom_content_hero_tablet a {
    max-width: 322px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 12px;
  }

  .top_content_hero p {
    max-width: 632px;
    width: 100%;
    margin: 0 auto;
  }

  .stars_text {
    max-width: 233px;
    width: 100%;
  }

  .stars_text p {
    line-height: 16px !important;
    text-align: left !important;
  }

  .stars_text .stars_content_hero {
    margin-bottom: 8px !important;
  }

  .page_home_hero .container {
    padding: 0px 40px;
    margin: 0 auto;
    justify-content: center;
  }

  .page_home_hero h1 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .page_home_hero p {
    text-align: center;
    line-height: 24px;
  }

  .left_content_hero {
    max-width: 754px;
    width: 100%;
    gap: 24px;
  }

  .top_content_hero {
    gap: 16px;
  }
}

@media (max-width: 834px) {
  .left_content_hero {
    margin: 0 auto;
    max-width: 754px;
    width: 100%;
  }

  .top_content_hero h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 40px;
    text-align: center;
    margin-bottom: 16px;
  }

  .top_content_hero p {
    text-align: center;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }

  .bottom_content_hero {
    margin: 0 auto;
  }

  .stars_content_hero {
    margin: 0 auto;
  }

  .bottom_content_hero .button_cta1 {
    margin: 0 auto;
  }

  .right_content_hero {
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .page_home_hero .container {
    padding: 80px 20px 0;
    margin-bottom: 4px;
    gap: 32px;
  }

  .img_content_hero {
    width: 80%;
  }

  .top_content_hero {
    gap: 0px;
    text-align: center;
  }

  .left_content_hero {
    gap: 24px;
  }

  .bottom_content_hero {
    width: 100%;
    max-width: 400px;
    gap: 0px;
  }

  .page_home_hero .button_cta1 {
    width: 100%;
  }

  .button_cta1 {
    font-size: 16px;
    line-height: 16px;
    display: inline-flex;
    /*padding: 12px 20px 12px 20px; */
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    margin: 0 auto;
    white-space: nowrap;
  }

  .stars_content_hero {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 8px;
  }

  .bottom_content_hero p {
    max-width: 227px;
    margin: 0 auto;
  }

  .facebook_content_hero,
  .linkedin_content_hero,
  .tiktok_content_hero,
  .instagram_content_hero,
  .googleads_content_hero,
  .metaads_content_hero {
    width: 30%;
  }

  .tiktok_content_hero {
    max-width: 74px;
    bottom: 118px;
    right: 6px;
    z-index: -1;
  }

  .facebook_content_hero {
    max-width: 74px;
    bottom: 0;
    left: 4px;
  }

  .googleads_content_hero {
    bottom: 280px;
    right: 12px;
    z-index: -1;
  }

  .instagram_content_hero {
    bottom: 118px;
    left: 12px;
    max-width: 74px;
    z-index: -1;
  }

  .linkedin_content_hero {
    max-width: 74px;
    bottom: 0;
    right: 4px;
  }

  .metaads_content_hero {
    top: 10px;
    left: 13px;
  }

  .googleads_content_hero {
    top: 10px;
    right: 13px;
  }

  p.body12.white.aos-animate.aos-init {
    text-align: center;
    line-height: 16px;
  }

  /* p.body16.gray.font700.margin16.aos-init.aos-animate {
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 16px;
  } */

  .page_home_hero .bottom_content_hero a.button_cta1 {
    font-size: 14px;
    padding: 12px 32px 12px 12px;
  }

  .top_content_hero h1 {
    font-size: 32px;
  }

  .bottom_content_hero_tablet {
    display: none;
  }

  .left_content_hero .bottom_content_hero {
    display: flex;
  }

  .left_content_hero .bottom_content_hero a {
    margin-bottom: 8px;
  }

  .bottom_content_hero p {
    max-width: 233px !important;
    width: 100%;
  }

  .bottom_content_hero strong {
    font-weight: 700 !important;
  }
}

@media (max-width: 500px) {
  .left_content_hero {
    padding-top: 0px;
  }

  .right_content_hero picture {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}

@media (max-width: 430px) {
  .button_cta1 {
    white-space: unset;
    text-align: center;
  }
}

@media (max-width: 391px) {
  .button_cta1 {
    padding: 12px 30px 12px 30px;
  }
}

/* ./pages/home/idie.css */
.page_home_idie {
  background: #0b0320;
  padding: 96px 0;
}

.page_home_idie .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 48px;
}

.top_home_idie {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  max-width: 808px;
  text-align: center;
  margin: 0 auto;
}

.mid_home_idie {
  position: relative;
}

.img_idie {
  width: 100%;
  max-width: fit-content;
}

.card_idie {
  cursor: pointer;
  position: absolute;
  display: flex;
  width: 380px;
  align-items: center;
  gap: 64px;
  border-radius: 4000px;
  background: var(--Purple-Primary-Primria-Purple-Inverso, #2a0045);
}

.card_idie_lateral {
  cursor: pointer;
  position: absolute;
  display: flex;
  width: 380px;
  align-items: center;
  gap: 32px;
  border-radius: 4000px;
  background: var(--Purple-Primary-Primria-Purple-Inverso, #2a0045);
}

.card_idie div,
.card_idie_lateral div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 4000px;
  background: var(--Purple, #f23847);
}

.card_idie span,
.card_idie_lateral span {
  color: var(--White, #fff);

  /* Heading-40 */
  font-family: "Red Hat Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  /* 120% */
}

.card_idie h3,
.card_idie_lateral h3 {
  color: var(--White, #fff);

  /* Heading-30 */
  font-family: "Red Hat Display";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 133.333% */
}

.identificar {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.diagnosticar {
  top: 43%;
  transform: translate(-50%);
  left: 67px;
}

.implementar {
  top: 43%;
  transform: translate(-50%);
  right: -321px;
}

.evoluir {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.extra-card {
  display: none;
  padding: 15px;
  margin-top: 10px;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.extra-card.active {
  display: block;
}

.extra-card {
  position: absolute;
  max-width: 380px;
  display: none;
  flex-direction: column;
  flex-shrink: 0;
  border-radius: 32px;
  border: 1px solid var(--Purple, #f23847);
  background: var(--Deep-Purple, #170820);
  width: 100%;
  padding: 20px 25px;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  overflow: hidden;
}

.extra-card.active {
  transform: scaleY(1);
  opacity: 1;
}

.extra-card p {
  max-width: 324px;
}

.close-btn {
  width: 48px;
  height: 48px;
  padding-top: 4px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 4000px;
  background: var(--Purple, #f23847);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 19px;
  cursor: pointer;
}

#extra-identificar {
  top: -10px;
  left: 29%;
  transform: translateX(-50%);
}

#extra-diagnosticar {
  top: 42%;
  transform: translate(-50%);
  left: -125px;
}

#extra-implementar {
  top: 42%;
  transform: translate(-50%);
  right: -125px;
}

#extra-evoluir {
  bottom: -10px;
  left: 29%;
  transform: translateX(-50%);
}

.animate-expand-down {
  animation: expandDown 0.4s ease forwards;
  transform-origin: top;
  overflow: hidden;
}

@keyframes expandDown {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.animate-expand-up {
  animation: expandUp 0.4s ease forwards;
  transform-origin: bottom;
  overflow: hidden;
}

@keyframes expandUp {
  0% {
    transform: scaleY(0);
    opacity: 0;
  }

  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.bottom_home_idie {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.bottom_home_idie p {
  max-width: 232px;
}

@media (max-width: 1224px) {
  .page_home_idie {
    padding: 64px 40px;
  }

  .extra-card {
    display: none;
  }

  .mid_home_idie {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: center;
  }

  .bottom_home_idie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .bottom_home_idie .button_cta1 {
    width: 100% !important;
  }

  .identificar {
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 350px;
    gap: 29px;
    width: 100%;
  }

  .diagnosticar {
    top: 43%;
    transform: translate(-50%);
    left: 196px;
    max-width: 350px;
    gap: 29px;
    width: 100%;
  }

  .implementar {
    top: 43%;
    transform: translate(-50%);
    right: -172px;
    max-width: 350px;
    gap: 29px;
    width: 100%;
  }

  .evoluir {
    bottom: -8%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 350px;
    gap: 29px;
    width: 100%;
  }

  .evoluir h3 {
    padding-left: 30px;
  }

  .img_idie {
    max-width: 642;
    width: 100%;
  }

  .card_idie h3,
  .card_idie_lateral h3 {
    margin-bottom: 0px;
  }

  .page_home_idie .container {
    gap: 130px;
  }
}

@media (max-width: 768px) {
  .card_idie,
  .card_idie_lateral,
  .img_idie {
    display: none;
  }

  .extra-card {
    display: flex;
    position: static;
    margin-top: 0;
  }

  .page_home_idie {
    padding: 40px 20px;
  }

  .top_home_idie {
    text-align: left;
    align-items: flex-start;
  }

  .top_home_idie h2 {
    margin: 0;
  }

  .close-btn {
    display: none;
  }

  .bottom_home_idie {
    gap: 0px;
    max-width: 380px;
    width: 100%;
  }

  .bottom_home_idie .button_cta1 {
    margin-bottom: 8px;
  }

  .page_home_idie .container {
    gap: 40px;
  }

  .extra-card h3 {
    margin-bottom: 16px;
  }

  .extra-card p {
    margin-bottom: 24px;
  }

  .mid_home_idie {
    gap: 16px;
  }
}

/* ./pages/home/blog.css */
.page_blog_hero {
  background: #0b0320;
  padding: 90px 0;
}

#hero-blog {
  background: linear-gradient(180deg, rgba(165, 53, 239, 0.16) 0%, rgba(11, 3, 32, 0.03) 67.42%), #12052b !important;
  padding: 120px 0 90px !important;
}

.page_blog_hero .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
}

.top_home_blog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-align: center;
}

.bot_blog_hero {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.left_blog_hero {
  display: flex;
  align-items: center;
  gap: 20px;
}

.post-main {
  position: relative;
  transition: all ease 0.8s;
  overflow: hidden;
  border-radius: 6px;
  width: 585px;
  height: 472px;
}

.post-main img {
  width: 100%;
  height: 472px;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  transition: all ease 0.8s;
}

.post-main div {
  max-width: 430px;
  position: absolute;
  bottom: 32px;
  left: 20px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.left_blog_hero h3 {
  max-width: 312px;
}

.right_blog_hero svg {
  width: 16px;
}

.post-category {
  color: var(--White, #fff);
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: #9747ff;
  width: fit-content;
}

.image-group {
  display: flex;
  width: 278px;
  gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  max-height: 472px;
}

.post-item {
  position: relative;
  transition: all ease 0.8s;
  overflow: hidden;
  border-radius: 6px;
}

.post-item img:hover,
.post-main img:hover {
  transform: scale(1.2);
}

.right_blog_hero h3 a:hover {
  transform: scale(0.98);
}

.post-item img {
  max-width: 278px;
  height: 224px;
  flex-shrink: 0;
  border-radius: 6px;
  object-fit: cover;
  width: 100%;
  transition: all ease 0.8s;
  object-fit: cover;
}

.post-item div {
  max-width: 192px;
  position: absolute;
  bottom: 32px;
  left: 20px;
  gap: 12px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.right_blog_hero {
  display: flex;
  max-width: 309px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.right_blog_hero2 {
  display: none;
}

.right_blog_hero div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.right_blog_hero h4 a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  transition: all ease 0.8s;
}

.right_blog_hero hr {
  width: 309px;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0.2;
}

.right_blog_hero hr:last-child {
  display: none !important;
}

/* Camada por cima da imagem */
.post-main::before,
.post-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    linear-gradient(130deg, rgba(165, 53, 239, 0.35) 25.76%, rgba(165, 53, 239, 0.35) 90%);
  z-index: 1;
  pointer-events: none;
  border-radius: 6px;
}

.cima2 {
  z-index: 2;
}

.breadcrumb_blog {
  font-size: 14px;
  color: #fff;
  padding: 12px 0;
}

.breadcrumb_blog ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.breadcrumb_blog a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-size: 18px;
}

.breadcrumb_blog .current {
  color: #fff;
  font-weight: 400;
  font-family: Poppins;
  font-size: 18px;
}

.divider_blog {
  opacity: 25%;
  max-width: 754px;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
}

.page_blog_hero .button_cta2 {
  padding: 8px 32px 8px 8px;
  font-weight: 400;
}

.bread_with_search_blog {
  display: none;
}

@media (max-width: 1224px) {
  .left_blog_hero {
    flex-direction: column;
    justify-content: center;
  }

  .right_blog_hero {
    display: none;
  }

  .left_blog_hero {
    margin: 0 auto;
  }

  .right_blog_hero2 {
    display: flex;
    width: 100%;
    max-width: 754px;
    justify-content: center;
    margin: 0 auto;
    gap: 0px;
    flex-direction: column;
  }

  .right_blog_hero2 h4 {
    padding: 12px;
  }

  .title_center {
    margin: 0 auto;
    text-align: center;
  }

  .button_blog_tablet {
    padding-top: 32px;
    margin: 0 auto;
  }

  .page_blog_hero {
    padding: 64px 40px;
  }

  .top_home_blog h2 {
    font-size: 30px;
    line-height: 36px;
    max-width: 564px;
    width: 100%;
  }

  .top_home_blog p {
    font-weight: 400 !important;
    max-width: 564px;
    width: 100%;
  }

  .left_blog_hero {
    max-width: 754px;
    width: 100%;
  }

  .post-item img {
    max-width: 360px !important;
    width: 100%;
    gap: 32px;
  }

  .post-main {
    max-width: 754px;
    width: 100%;
  }

  .image-group {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
  }

  .image-group a {
    width: 360px;
    max-width: 100%;
  }

  .blog-post {
    max-width: 238px;
    width: 100%;
  }

  .left_blog_posts {
    max-width: 754px !important;
    width: 100%;
  }

  .title_posts {
    text-align: center;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 36px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .categories-list {
    max-width: 754px;
    width: 100%;
  }
  /* 
    .filters {
        display: none;
    } */
}

@media (max-width: 768px) {
  .bread_with_search_blog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
  }

  .bread_blog_new {
    width: 100%;
  }

  .bread_blog_new p {
    width: fit-content;
  }

  .search_form_mobile {
    width: 100%;
  }

  .search_form_mobile label {
    display: flex;
    padding: 12px 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 6px;
    background: var(--White, #fff);
    border-radius: 6px;
    border: 1px solid rgba(178, 187, 198, 0.2);
    color: #839dd1 !important;
    width: 100%;
    height: 56px;
  }

  .search_form_mobile label input {
    display: flex;
    align-items: center;
    border: none;
    outline: none;
    color: #839dd1 !important;
    width: 100%;
  }

  .search_form_mobile label input::placeholder {
    color: #839dd1 !important;
  }

  .page_blog_hero_new {
    background: #0b0320;
  }

  .page_blog_hero {
    padding: 40px 20px;
  }

  .right_blog_hero {
    width: 100%;
    align-items: center;
    justify-content: center;
    max-width: none;
  }

  .page_blog_hero .container {
    gap: 32px;
  }

  .left_blog_hero {
    flex-direction: column;
  }

  .left_blog_hero img {
    max-width: none;
  }

  .image-group {
    gap: 20px;
    flex-direction: row;
  }

  .image-group,
  .image-group a {
    width: 100% !important;
  }

  .image-group img {
    max-width: 400px !important;
    width: 100%;
  }

  .post-main {
    width: 100%;
    max-width: 585px;
    height: 472px;
    max-height: 472px;
  }

  .right_blog_hero hr {
    width: 100%;
  }

  #hero-blog {
    padding: 155px 20px 90px !important;
  }

  #hero-blog .top_home_blog {
    align-items: center;
    text-align: center;
  }

  #hero-blog .right_blog_hero {
    align-items: flex-start;
    text-align: left;
  }

  .post-main::before,
  .post-item::before {
    width: 100%;
    max-width: 585px;
    height: 472px;
    max-height: 472px;
  }

  .page_blog_hero .button_cta2 {
    padding: 8px 32px 8px 8px;
    font-weight: 400;
  }

  .right_blog_hero2 {
    display: flex;
    max-width: 400px;
    flex-direction: column;
    align-items: center;
    /* gap: 32px; */
  }

  .left_blog_hero h3 {
    margin-bottom: 0px;
    font-weight: 400 !important;
  }

  .post-item div {
    max-width: 225px;
    width: 100%;
    gap: 9px;
  }

  .right_blog_hero2 h4 {
    margin: 0 auto;
    line-height: 20px;
    padding: 24px 0px;
  }

  .bot_blog_hero {
    justify-content: center;
  }

  .right_blog_hero2 a {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .right_blog_hero2 a svg {
    width: 6px;
    height: 6px;
  }

  .top_home_blog h2 {
    max-width: 354px;
    width: 100%;
  }

  .top_home_blog p {
    text-align: center;
  }
}

/* ./pages/market/hero.css */
.page_hero_market {
  background-color: #12182c;
  background: url(/img/tema/market/background-hero.webp) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.page_hero_market .container {
  padding: 36px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.left_hero_market {
  max-width: 508px;
  gap: 32px;
  display: flex;
  flex-direction: column;
}

.top_hero_market {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.bottom_hero_market {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}

.facebook_hero_market,
.linkedin_hero_market,
.tiktok_hero_market,
.instagram_hero_market,
.wpp_hero_market,
.googleads_hero_market,
.metaads_hero_market {
  position: absolute;
}

.right_hero_market {
  position: relative;
}

.img_hero_market {
  position: relative;
  width: 100%;
  max-width: fit-content;
  z-index: 10;
}

.googleads_hero_market {
  bottom: 0;
  left: 10px;
  z-index: 1;
}

.linkedin_hero_market {
  bottom: 114px;
  left: 0;
  z-index: 11;
}

.metaads_hero_market {
  bottom: 252px;
  right: 37px;
  z-index: 11;
}

.wpp_hero_market {
  bottom: 305px;
  right: 445px;
  z-index: 11;
}

.instagram_hero_market {
  bottom: 260px;
  left: 0;
  z-index: 1;
}

.facebook_hero_market {
  top: 40px;
  right: 0;
  z-index: 11;
}

.tiktok_hero_market {
  top: 68px;
  left: 37px;
  z-index: 1;
}

.bottom_hero_market_tablet {
  display: none;
}

@media (max-width: 1367px) {
  .page_hero_market .container {
    align-items: start;
  }

  .left_hero_market {
    padding-top: 50px;
  }

  .top_hero_market h1 {
    font-size: 48px;
  }
}

@media (max-width: 1224px) {
  .bottom_hero_market {
    display: none;
  }

  .bottom_hero_market_tablet {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    justify-content: center;
  }

  .bottom_hero_market_tablet a {
    max-width: 322px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 12px;
  }

  .left_hero_market {
    margin: 0 auto;
    max-width: 754px;
    width: 100%;
    align-items: center;
    gap: 24px;
    padding-top: 32px;
  }

  .left_hero_market h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700 !important;
    max-width: 560px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .left_hero_market p {
    max-width: 506px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .left_hero_market strong {
    font-weight: 700 !important;
  }

  .bottom_hero_market .button_cta1 {
    align-items: center;
    width: 100%;
  }

  .page_hero_market .container {
    flex-direction: column;
    align-items: center;
  }

  .top_hero_market {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .bottom_hero_market_tablet {
    display: none;
  }

  .top_hero_market h1 {
    font-size: 32px;
    text-align: center;
  }

  .top_hero_market p {
    text-align: center;
  }

  .page_hero_market {
    padding: 134px 0 0;
  }

  .page_hero_market .container {
    gap: 48px;
    padding: 0 20px;
  }

  .linkedin_hero_market {
    left: 13%;
    max-width: 302px;
  }

  .metaads_hero_market {
    bottom: 181px;
    right: 30px;
    max-width: 66px;
  }

  .wpp_hero_market {
    bottom: 181px;
    right: 287px;
    max-width: 66px;
  }

  .instagram_hero_market {
    max-width: 36px;
    left: 59px;
    bottom: 157px;
    z-index: 11;
  }

  .tiktok_hero_market {
    top: 0;
    left: 18px;
    max-width: 159px;
    z-index: 1;
  }

  .facebook_hero_market {
    max-width: 125px;
    top: 0;
    right: 19px;
    z-index: 1;
  }

  .bottom_hero_market p {
    max-width: 233px;
    margin: 0 auto;
  }

  .bottom_hero_market {
    gap: 0px;
    display: flex;
  }

  .bottom_hero_market a {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .left_hero_market {
    margin-bottom: 25px !important;
  }
}

/* ./pages/market/equipe.css */
.page_market_equipe {
  padding: 128px 0;
  background: #faf8ff;
}

.page_market_equipe .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  flex-wrap: wrap;
}

.left_market_equipe img {
  width: 100%;
  max-width: fit-content;
}

.right_market_equipe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  max-width: 694px;
  width: 100%;
}

.top_right_equipe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.mid_right_equipe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.list_equipe {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.list_equipe svg {
  width: 100%;
  max-width: 16px;
}

.right_market_equipe .divider {
  height: 1px;
  width: 100%;
  opacity: 0.15 !important;
  background: #1d242d;
}

.bottom_right_equipe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

@media (max-width: 1224px) {
  .page_market_equipe .container {
    flex-direction: column;
    gap: 32px;
  }

  .page_market_comparativo {
    min-height: 508px;
  }

  .top_right_equipe {
    align-items: center;
    width: 100%;
  }

  .top_right_equipe h2 {
    text-align: center;
    font-size: 32px;
    max-width: 666px;
    width: 100%;
    line-height: 36px;
  }

  .top_right_equipe p {
    text-align: center;
    font-size: 16px;
    max-width: 506px;
    width: 100%;
    line-height: 24px;
  }

  .left_market_equipe {
    order: 2;
  }

  .right_market_equipe {
    max-width: 754px;
    width: 100%;
  }

  .bottom_right_equipe {
    max-width: 390px;
    width: 100%;
    align-items: center;
    margin: 0 auto;
  }

  .bottom_right_equipe p {
    text-align: center;
  }

  .comparativo_market {
    max-width: 764px;
    width: 100%;
  }

  .comparativo_market h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 36px;
    max-width: 764px;
    width: 100%;
  }

  .comparativo_market p {
    max-width: 392px;
  }

  .page_market_equipe {
    padding: 64px 0;
  }
}

@media (max-width: 768px) {
  .page_market_equipe {
    padding: 40px 20px;
  }

  .page_market_equipe .container {
    flex-direction: column;
  }

  .page_market_equipe .button_cta1 {
    margin: 0 !important;
    width: 100% !important;
  }

  .bottom_right_equipe p {
    text-align: center;
  }

  .top_right_equipe {
    order: 1;
  }

  .bottom_right_equipe {
    order: 4;
  }

  .divider .divider_equipe {
    order: 3;
  }

  .mid_right_equipe {
    order: 2;
  }

  .top_right_equipe h2 {
    text-align: left;
  }

  .top_right_equipe p {
    text-align: left;
  }

  .right_market_equipe .divider {
    display: none;
  }
}

/* ./pages/market/comparativo.css */
.page_market_comparativo.comparativo_market_diferente {
  padding: 90px 0;
  min-height: 628px !important;
  background: #e3e9fc;
  position: relative;
}

#comparativo-tech {
  background: #e9f2fb;
}

#comparativo-tech .card_comparativo {
  border-radius: 6px;
  background: linear-gradient(296deg, #b8dbff 0.86%, #c5e2ff 47.26%, #e9f2fb 98.02%);
}

.page_market_comparativo .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.top_market_comparativo {
  display: flex;
  max-width: 1016px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.top_market_comparativo p {
  max-width: 1016px;
}

.bottom_market_comparativo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 1000px;
  position: absolute;
  bottom: -120px;
  flex-wrap: wrap;
}

.card_comparativo {
  display: flex;
  width: 484px;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 6px;
  background: linear-gradient(296deg, #e3e7ff 0.86%, #eaf0ff 47.26%, #fdfbff 98.02%);
}

.top_card_comparativo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.bottom_card_comparativo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.bottom_card_comparativo p {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.bottom_card_comparativo .divider {
  opacity: 0.1;
  background: #1d242d;
  width: 100%;
  height: 1px;
}

@media (max-width: 1224px) {
  .card_comparativo {
    max-width: 375px;
    width: 100%;
    height: 458px;
    padding: 24px;
  }

  .bottom_market_comparativo.diferente2 {
    gap: 14px;
    flex-wrap: nowrap;
    max-width: 764px;
    width: 100%;
    bottom: -100px;
    z-index: 1;
  }

  .bottom_card_comparativo {
    z-index: 1;
  }

  .bottom_card_comparativo p {
    font-size: 12px;
  }

  .top_market_comparativo p {
    max-width: 392px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page_market_comparativo.comparativo_market_diferente {
    /* min-height: 930px; */
    min-height: 963px !important;
    padding: 40px 20px;
  }

  .bottom_market_comparativo {
    /* bottom: -363px !important; */
    bottom: -255px !important;
    max-width: 400px;
    gap: 32px;
  }

  .top_card_comparativo h3 {
    line-height: 36px;
  }

  .card_comparativo {
    width: 100%;
  }

  .bottom_card_comparativo p {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
  }

  #comparativo-tech .text_center {
    text-align: left;
  }

  #comparativo-tech {
    padding: 40px 20px;
    min-height: 970px;
  }

  #comparativo-tech .top_card_comparativo h3 {
    font-size: 30px;
    line-height: 36px;
  }

  #comparativo-tech .bottom_market_comparativo {
    bottom: -3904px !important;
    padding: 0;
  }

  .bottom_market_comparativo {
    bottom: -280px !important;
  }

  .top_market_comparativo h2,
  p {
    text-align: left;
  }

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

  .bottom_market_comparativo {
    flex-direction: column;
  }

  .bottom_card_comparativo {
    display: flex;
  }

  .top_market_comparativo.comparativo_tech_diferente {
    padding-top: 0 !important;
  }
}

/* ./pages/market/numeros.css */
.page_market_numeros {
  padding: 244px 0 128px;
  background: #12182c;
}

.page_market_numeros .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding-top: 20px;
}

.page_market_numeros h2 {
  text-align: center;
}

.mid_market_numeros {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.card_page_market_numeros {
  width: 100%;
  max-width: 453px;
  padding: 32px;
  flex-direction: column;
  gap: 8px;
  min-height: 358px;
  border-radius: 16px;
}

.card_page_market_numeros1 {
  background-image: url(/img/tema/market/card1-market.webp);
}

.card_page_market_numeros2 {
  background-image: url(/img/tema/market/card2-market.webp);
}

.card_page_market_numeros3 {
  background-image: url(/img/tema/market/card3-market.webp);
}

.card_page_market_numeros4 {
  background-image: url(/img/tema/market/card4-market.webp);
}

.card_page_market_numeros1,
.card_page_market_numeros4 {
  display: flex;
  align-items: center;
  text-align: center;
}

.card_page_market_numeros2,
.card_page_market_numeros3 {
  display: flex;
  align-items: start;
  text-align: start;
  max-width: 725px;
}

@media (max-width: 1224px) {
  .page_market_numeros h2 {
    font-size: 30px;
    line-height: 36px;
    max-width: 638px;
    width: 100%;
  }

  .left_button_idie .stars_content_hero {
    justify-content: center;
    display: flex;
    margin-bottom: 8px;
  }

  .page_market_numeros {
    padding: 120px 0px 64px;
  }

  .page_market_numeros .container {
    padding-top: 30px;
  }
}

@media (max-width: 768px) {
  .page_market_numeros {
    padding: 310px 20px 40px;
  }

  .page_market_numeros h2 {
    text-align: left;
    max-width: 352px;
    width: 100%;
  }

  .page_market_numeros .container {
    padding-top: 20px;
  }

  .card_page_market_numeros {
    width: 100%;
    max-width: 453px;
    padding: 32px 8px;
    flex-direction: column;
    gap: 8px;
    min-height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: center;
  }

  .card_page_market_numeros h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }

  .card_page_market_numeros p {
    text-align: center;
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
  }

  .card_page_market_numeros2 {
    background-image: url(/img/tema/market/card2-market-mobile.webp);
  }

  .card_page_market_numeros3 {
    background-image: url(/img/tema/market/card3-market-mobile.webp);
  }
}

@media (max-width: 450px) {
  .card_page_market_numeros {
    border: 1px solid rgba(242, 56, 71, 0.4);
  }
}

/* ./pages/market/cases.css */
.page_market_cases {
  padding: 80px 0 64px;
  background: #faf8fe;
}

.page_market_cases .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.top_market_cases {
  display: flex;
  max-width: 1016px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
}

.bottom_market_cases {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
  max-width: 1016px;
}

.left_bottom_market {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.list_cases_market {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.list_cases_market p {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.left_bottom_market .divider {
  opacity: 0.15;
  background: #1d242d;
  height: 1px;
  width: 100%;
}

.card_cases_market {
  width: 100%;
  max-width: 370px;
  border-radius: 6px;
  border: 1px solid var(--Foundation-Blue-Lighter, #b2bbc6);
  background: #fff;
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.card_cases_market img {
  width: 100%;
}

@media (max-width: 1224px) {
  .cases_tablet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  .esconder {
    display: none;
  }

  .bottom_market_cases {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .left_bottom_market {
    justify-content: center;
    margin: 0 auto;
  }

  .left_bottom_market .button_cta1 {
    margin: 0 auto;
  }

  .centralizar_p {
    text-align: center;
    max-width: 588px;
    justify-content: center;
    margin: 0 auto;
  }

  .right_bottom_market {
    margin: 0 auto;
  }

  .page_market_cases .container {
    padding: 0px 40px;
  }

  .page_market_cases .container h2 {
    font-size: 30px;
    line-height: 36px;
    max-width: 542px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page_market_cases {
    padding: 40px 20px;
  }

  .top_market_cases {
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }

  .page_market_cases .container {
    padding: 0;
  }

  .centralizar_p {
    text-align: left;
  }

  .cases_tablet a {
    max-width: 400;
    width: 100%;
  }
}

/* ./pages/market/idie.css */
.page_market_idie {
  padding: 64px 0;
  background: #faf8fe;
}

.page_market_idie .container {
  padding: 64px 84px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border-radius: 24px 24px 80px 24px;
  background: linear-gradient(180deg, #252a42 0%, #204b88 100%);
}

.top_market_idie {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  text-align: center;
}

.mid_market_idie {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.card_merket_idie {
  display: flex;
  max-width: 516px;
  width: 100%;
  height: 246px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  border: 0.75px solid rgba(165, 53, 239, 0.25);
  background: linear-gradient(180deg, rgba(113, 70, 169, 0.1) 0%, rgba(16, 7, 27, 0.1) 100%);
}

.img_card {
  height: 240px;
  max-width: 332px;
}

.top_market_idie h2,
.top_market_idie p {
  max-width: 808px;
  /* width: 100%; */
}

.button_mobile {
  display: none;
}

@media (max-width: 1224px) {
  .top_market_idie h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .page_market_idie .container {
    gap: 78px;
    padding: 24px 35px;
    max-width: 754px;
    width: 100%;
  }

  .card_merket_idie {
    max-width: 685px;
    width: 100%;
  }

  .top_market_idie p {
    max-width: 685px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page_market_idie {
    padding: 40px 20px;
  }

  .page_market_idie .container {
    padding: 24px 16px;
    border-radius: 6px 6px 24px 6px;
    gap: 78px;
    padding-bottom: 78px;
  }

  .card_merket_idie p {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
  }

  .card_merket_idie h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
  }

  .button_mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-top: 50px;
  }

  .button_desktop {
    display: none;
  }

  .top_market_idie p {
    max-width: 363px;
    width: 100%;
    text-align: center;
  }
}

/* ./pages/market/cta.css */
.page_market_cta {
  padding: 80px 0;
  background: #12182c;
  position: relative;
  z-index: 2;
}

.page_market_cta .container {
  border-radius: 6px;
  border-radius: 6px;
  background: linear-gradient(180deg, #252a42 0%, #204b88 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 59px 0;
}

.top_market_cta {
  text-align: center;
  max-width: 808px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

@media (max-width: 1224px) {
  .top_market_cta h2 {
    font-size: 30px;
    line-height: 36px;
    max-width: 492px;
    width: 100%;
  }

  .top_market_cta p {
    max-width: 492px;
    width: 100%;
  }

  .page_market_cta {
    padding: 40px 48px 80px;
  }
}

@media (max-width: 768px) {
  .page_market_cta {
    padding: 40px 20px;
  }

  .page_market_cta .container {
    padding: 56px 15px;
  }

  .top_market_cta {
    text-align: left;
    gap: 32px;
  }
}

@media (max-width: 430px) {
  .page_market_cta .container a {
    width: fit-content;
    white-space: unset;
    text-align: center;
  }
}

/* ./pages/market/about.css */
.page_about_market {
  background-color: #f7f7fc;
  padding: 120px 0;
}

.container_about_market {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem;
}

.right_about_market {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  max-width: 608px;
}

.card_about_market {
  max-width: 288px;
  background-color: transparent;
}

.card_about_market h5 {
  padding-top: 12px;
  padding-bottom: 6px;
}

.image_card_market {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #ba80f0 0%, #812bd2 100%);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.market_p1 {
  padding: 1rem 0;
}

.market_p2 {
  padding-bottom: 3rem;
}

.left_about_market {
  max-width: 496px;
}

@media (max-width: 1150px) {
  .page_about_market {
    padding: 60px 20px;
  }

  .left_about_market,
  .left_about_market a {
    text-align: center;
    margin: 0 auto;
  }

  .right_about_market {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
}

@media (max-width: 1150px) {
  .card_about_market {
    text-align: center;
  }

  .image_card_market {
    margin: 0 auto;
  }
}

/* ./pages/market/services.css */
.page_market_services {
  background: #12182c;
  padding: 90px 0px;
}

.page_market_services .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.top_market_services {
  width: 100%;
  max-width: 1016px;
  text-align: center;
}

.top_market_services .tag_section2 {
  margin: 0 auto;
}

.card_tab_services {
  width: 100%;
  max-width: 392px;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid var(--Colors-Neutrals-Neutral-300, #f1f2f9);
  background: var(--Colors-Neutrals-White, #fff);
  box-shadow: 0 5px 30px 0 rgba(25, 33, 61, 0.06);
}

.card_tab_services button {
  border-radius: 4000px;
  border: 1px solid var(--Purple, #f23847);
  height: 48px;
  padding: 16px 32px;
  color: #f23847;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin: 16px 0px 32px;
}

.card_tab_services button:hover {
  color: #fff;
  background-color: #f23847;
  transition: background-color 0.3s ease;
}

.card_tab_services ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}

.content_tab_services {
  display: flex;
  gap: 32px;
}

.top_card_tab_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card_tab_services_favorito button {
  background-color: var(--purple);
  color: #fff;
}

.card_tab_services ul li {
  color: #b2bbc6;
}

.card_tab_services ul li svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.card_tab_services ul li.active_item {
  color: #3d4c5e;
}

.card_tab_services ul li.active_item svg path {
  stroke: #00a980;
}

.bottom_top_market_services {
  width: 100%;
  max-width: 1035px;
  border-radius: var(--Sizes-Border-Radius-BR-4, 12px);
  border: 0.5px solid var(--Colors-Neutrals-Neutral-400, #d9dbe9);
  background: var(--Colors-Neutrals-Neutral-300, #f1f2f9);
  backdrop-filter: blur(10px);
  margin: 0 auto 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.bottom_top_market_services button {
  color: #1d242d;
  cursor: pointer;
}

.button_tab_services {
  padding: 12px;
}

.button_tab_services.active_service {
  background-color: #fff;
  border-radius: var(--Sizes-Border-Radius-BR-3, 8px);
  background: var(--Colors-Neutrals-White, #fff);
  box-shadow: 0 3px 6px 0 rgba(7, 0, 110, 0.03), 0 -2px 2px 0 rgba(10, 16, 50, 0.07) inset;
  color: var(--purple);
}

.solo_card_tab_services_favorito {
  max-width: 100%;
}

.solo_card_tab_services_favorito button {
  background-color: var(--purple);
  color: #fff;
}

@media (max-width: 1224px) {
  .page_market_services {
    padding: 60px 20px;
  }
}

@media (max-width: 500px) {
  .top_market_services {
    text-align: start;
  }

  .top_market_services .tag_section2 {
    margin: 0px;
  }
}

/* ./pages/market/valores.css */
.page_market_valores {
  background: linear-gradient(180deg, #e53d4d 0%, #a53d67 100%);
  padding: 80px 0;
  overflow: hidden;
}

.page_market_valores .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-direction: column;
}

.mid_market_valores {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 164px 0px 173px;
}

.box_card_valores {
  width: 238px;
  padding: 17px 0px;
  font-family: "Red Hat Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  color: var(--purple);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 162px;
  border: 1px solid #ede8f1;
  background: #f7f1fc;
  position: absolute;
}

.top_market_valores {
  display: flex;
  max-width: 808px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

.page_market_valores p {
  max-width: 808px;
}

.box_card_valores1 {
  left: 0px;
  top: 63px;
}

.box_card_valores2 {
  left: 200px;
  bottom: 90px;
}

.box_card_valores3 {
  left: 400px;
  top: 63px;
}

.box_card_valores4 {
  right: 380px;
  bottom: 90px;
}

.box_card_valores5 {
  right: 190px;
  top: 63px;
}

.box_card_valores6 {
  right: 0px;
  bottom: 90px;
}

.box_card_text1 {
  position: absolute;
  left: 285px;
  top: 60px;
}

.box_card_text2 {
  position: absolute;
  right: 275px;
  bottom: 84px;
}

.container_valores {
  position: relative;
}

.absolute {
  position: absolute;
  z-index: 1;
}

.image_left_woman1 {
  left: 0px;
  top: 135px;
}

.image_left_woman2 {
  left: -180px;
  bottom: -110px;
}

.image_right_woman1 {
  right: -165px;
  top: 20px;
}

.image_right_men2 {
  right: 10px;
  bottom: 20px;
}

@media (max-width: 1224px) {
  .image_left_woman1,
  .image_left_woman2,
  .image_right_woman1,
  .image_right_men2 {
    display: none;
  }

  .page_market_valores picture {
    display: none;
  }

  .mid_market_valores {
    flex-direction: column;
    max-width: 330px;
    gap: 42px;
  }

  .box_card_valores1 {
    left: 55px;
    top: 60px;
  }

  .box_card_valores2 {
    left: 55px;
    bottom: 496px;
  }

  .box_card_valores3 {
    left: 55px;
    top: 224px;
  }

  .box_card_valores4 {
    right: 44px;
    bottom: 230px;
  }

  .box_card_valores5 {
    right: 44px;
    top: 492px;
  }

  .box_card_valores6 {
    right: 44px;
    bottom: 64px;
  }

  .elipse_tablet {
    width: 330px;
    height: 329px;
  }

  .box_card_text1 {
    left: 144px;
    top: 26px;
    font-weight: 700;
  }

  .box_card_text2 {
    right: 124px;
    bottom: 30px;
    font-weight: 700;
  }

  .top_market_valores h2 {
    font-size: 30px;
    line-height: 36px;
  }

  .top_market_valores h2 p {
    max-width: 338px;
    width: 100%;
  }

  .page_market_valores p,
  h2 {
    max-width: 754px;
    width: 100%;
  }

  .subtext_valores {
    max-width: 338px !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .page_market_valores {
    padding: 90px 20px;
  }

  .page_market_valores .container {
    gap: 72px;
  }

  .top_market_valores p {
    text-align: center;
    max-width: 338px;
    width: 100%;
  }
}

/* ./pages/thanks.css */
.page_thanks {
  background-color: #12182c;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.page_thanks .container img {
  flex-shrink: 0;
  max-width: 500px;
  width: 100%;
}

.top_thanks {
  width: 100%;
}

.mid_thanks {
  width: 100%;
  max-width: 800px;
  text-align: center;
}

.instagram_button {
  background: var(--purple);
  width: 100%;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  gap: 12px;
}

.instagram_button svg {
  width: 24px;
  fill: white;
}

@media (max-width: 1224px) {
  .page_thanks {
    padding: 40px 20px;
  }

  .page_thanks p {
    text-align: center;
  }
}

/* estilos que os templates PHP escreviam dentro das páginas */
.left_hero_market{margin-bottom:96px}
.tag_section_ajust{background:rgba(242,56,71,.05)!important;border:.5px solid rgba(242,56,71,.4)!important}
.remove_mardin_padding{margin-bottom:8px!important}
.hidden_tab_content{display:none}
.active_tab_content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.header_simples{background-color:#0b0321!important}
.header_simples nav{display:flex!important;align-items:center!important;justify-content:center!important}
.margin4{margin-bottom:4px}
.list_politc li{list-style:inside}
.section_politc{padding:60px 0}
@media (max-width:1224px){.section_politc{padding:20px}}
.page_404{background:radial-gradient(108.34% 92.29% at 50% 50%,#f23847 0%,#0b0320 66.51%);padding:40px}
.page_404 .container{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:calc(100vh - 80px - 429px)}
.page_404 .container p{text-align:center}
.page_404 .container h1{font-size:26px}