:root {
  --lblue: #0c63e4;
  /* Variavel das Osdas animadas do play abaixo */
  --primary: #951ddb40;
  --white: #fff;
  --greyLight-1: #e4ebf5;
  --greyLight-2: #c8d0e7;
  --accent-color: #1fa8f5;
  --card: 0 0% 100%;
  --accent-color-fg: #fefefe;
  --backdrop-color: #89d4fe;
  --app-content-background-color: #c0d8ec;
  --inset-shadow: rgba(7, 43, 74, 0.3);
  --outset-shadow: rgba(223, 240, 255, 0.25);
  --clay-box-shadow: rgba(7, 43, 74, 0.3);
  --clay-background-color: #c0d8ec;
  --clay-fg-color: #444;
}

.dark-mode,
.dark,
[data-theme="dark"] {
  --card: 264.21deg 96.61% 11.57%;
}

.bg-card\/30 {
  background-color: hsl(var(--card) / .3);
}
@font-face {
  font-family: "Back to the Future 2002";
  src:
    url("../../assets/fonts/bttf.woff2") format("woff2"),
    url("../../assets/fonts/bttf.woff") format("woff"),
    url("../../assets/fonts/bttf.ttf") format("truetype");
}
@font-face {
  font-family: "Cupcode";
  src: url("../../assets/fonts/cupcode/cupcode-sans.otf") format("opentype");
}
main {
  padding: 0 20px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
video {
  -webkit-appearance: none; /* Remove estilos nativos do Safari */
  transform: translateZ(0); /* Força aceleração por hardware */
  filter: grayscale(0); /* Mantém o fix do Android */
}
section#home-hero-video {
    height: 500px;
}
.height-content-hero-home{
  height: 420px;
}
section#home-hero-video .div-home-video-hero {
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
section#home-hero-video .div-home-video-hero video {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    height: 100%;
}
section#home-hero-video .div-home-video-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 120px;
    height: 500px;
    background: linear-gradient(90deg, #ffffff, #ffffff00);
}
html .carrousel-all-services main {
  font-size: 16px !important;
}

main .carrousel-all-services h3 {
  font-size: 48px;
  line-height: 1;
}

main .carrousel-all-services h3 span {
    display: block;
    font-size: 16px;
    background: #ed1e79;
    font-weight: normal;
    padding: 2px 5px;
    border-radius: 10px;
    color: white;
    max-width: max-content;
    line-height: normal;
}

main .carrousel-all-services a {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  display: flex;
}
.fonte-cupcode {
  font-family: "Cupcode", sans-serif;
}
.grecaptcha-badge {
  display: none !important;
}
img.luz-fusquinha {
  position: absolute !important;
  right: 33px;
  top: 220px !important;
  transform: scale(1.3) !important;
}
.paz-e-amor h3 {
  font-size: 50px;
  line-height: 1;
}
.paz-e-amor .reds-img-2-anos-de-garantia {
  max-width: 200px !important;
  transform: scale(1.2) !important;
  top: 15px !important;
  padding-bottom: 5px;
}

.site-develop .slider-curtina {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
}

.site-develop .antes-depois {
  position: relative;
  height: 100%;
  cursor: e-resize;
  width: 100%;
}

swiper-container.KeynoteSwiper1 {
  height: inherit;
  overflow: hidden;
  max-width: 100%;
}
.page-sucesso-ebook a svg {
  rotate: 90deg;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -20px);
  height: 15px;
  width: auto;
}
swiper-container.KeynoteSwiper2 {
  width: fit-content;
  height: 100%;
}
.pt-10 {
  padding-top: 10px;
}
form#orcamentoForm .form-control:disabled {
  opacity: 0.5;
}
@keyframes opacityLuzFusquinha {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
.carrousel-all-services {
  border: solid 1px #fff;
}
.opacityLuzFusquinha {
  animation: opacityLuzFusquinha 2s infinite;
}
div#serviceModal {
  padding-right: 0 !important;
}
.home-hero-internacional {
  height: 600px !important;
  background: blueviolet;
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  align-items: flex-start !important;
  position: relative;
}
.hero-internacional {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.hero-internacional video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home-hero-internacional .box-texto-left-end {
  justify-content: flex-start;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: 40%;
}
.seo-grobal img {
  max-width: 500px !important;
}
.economia-e-transparencia img {
  max-width: 380px !important;
}
.pagamento-internacional img {
  margin: 0 auto;
  display: flex;
  scale: 1.3 !important;
}
.cdn-mundial img {
  margin: 0 auto;
  display: flex;
  scale: 1.2 !important;
  bottom: 10px !important;
}
.abrir-um-ticket img {
  max-width: 90% !important;
}
.formulario-ticket .abrir-um-ticket img {
  max-width: 200px !important;
  margin: 0 auto;
  display: flex;
  margin-bottom: 20px;
}
.formulario-ticket .mini-half-card {
  padding: 10px 5px;
  font-size: 15px;
  gap: 0;
}
.formulario-ticket .mini-half-card img {
  max-height: 90px !important;
  width: auto;
}
.formulario-ticket .form-check {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.formulario-ticket .form-check input {
  background: white;
}
.formulario-ticket .form-check input:checked[type="checkbox"] {
  background-image: url(../img/checkbox.svg);
}
.formulario-ticket .form-check input:checked {
  background: blue;
}
.btn.botao-bg-roxo {
  background: url(../img/botao-roxo.svg);
  background-size: cover;
  min-width: 99px;
  display: flex;
  align-items: center;
  color: white !important;
  justify-content: center;
  margin: 0 0 0 auto;
  font-weight: bold;
  border: 0;
}
.btn.botao-bg-roxo span {
  position: relative;
  bottom: 2px;
}
.formulario-ticket input.form-control,
.formulario-ticket textarea {
  border-radius: 10px !important;
  border: none;
  font-size: 16px;
}
.formulario-ticket {
  display: none;
}
a#showFormTicket {
  text-decoration: none;
}
.botao-bg-roxo-grande {
  position: relative !important;
  width: 250px !important;
  margin: 0 auto;
  display: flex;
  border-radius: 0 !important;
  line-height: 1;
  align-items: center;
  justify-content: center;
  background: url(../img/btn-roxo-grande.svg) !important;
  height: 45px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  color: white !important;
}
.botao-bg-roxo-grande span {
  position: relative;
  bottom: 3px;
}
#modalJaSouCliente input.form-control,
#modalNaoSouCliente input.form-control {
  border-radius: 10px !important;
}

.text-decorention-none {
  text-decoration: none !important;
}
.marketing-politico {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
}
.video-gestao-de-sinistro {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.video-gestao-de-sinistro video {
  height: 105%;
}
.gestao-controle-de-sinistro .row {
  min-height: 450px;
}
.curtina-controle-sinistro {
  height: 100%;
  background: #d41038;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
}
.max-height-400 {
  max-height: 400px;
}
.trafego-pago-campanhas-digitais img {
  max-width: 300px;
  position: absolute;
  bottom: 30px;
}
.trafego-pago-campanhas-digitais span.font-xlg {
  font-size: 130px;
  position: relative;
  right: 405px;
  top: 30px;
}
.eleicao-video-desenvolvimento video {
  position: absolute;
  height: 270px;
  top: 65px;
  scale: 2;
}
.nivel-comunicacao-politica-home img {
  position: relative;
  left: 50px;
}
.logo-hero-viewer-3d {
  min-height: 500px;
  display: flex;
  align-items: center;
}
.velocidade-que-sente img {
  max-height: 450px;
  margin: 0 auto;
}
.plans {
  display: flex;
  justify-content: space-between;
}
.plan {
  width: 100%;
  background-color: #f7eeff;
  padding-bottom: 0;
  margin: 1px;
}
.plan-header h2 {
  color: #004aad;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}
.plan-header img {
  max-height: 100px;
  margin: 0 auto;
  display: flex;
}
.plan-details {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.plan-details li {
  margin-bottom: 0;
  color: #18013a;
  font-size: 12px;
  text-align: center;
  padding: 5px;
}
.planos-manutencao-lista {
  overflow: auto;
}

/* Altera a cor de fundo da barra de rolagem */
.planos-manutencao-lista::-webkit-scrollbar {
  background-color: #dea5ff;
  width: 8px;
  height: 3px;
  border-radius: 20px;
}

/* Altera a cor de fundo do trilho da barra de rolagem */
.planos-manutencao-lista::-webkit-scrollbar-track {
  background-color: #18013a;
  border-radius: 20px;
}

/* Altera a cor do thumb (alça) da barra de rolagem */
.planos-manutencao-lista::-webkit-scrollbar-thumb {
  background-color: #dea5ff;
  border-radius: 20px;
}
.swiper-pagination-bullet-active {
  background: var(--dpurple) !important;
}
video#bg-games-para-seu-site {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
img.versao-bg {
  position: absolute;
  top: 0;
  left: 40px;
  width: auto;
  height: 100%;
}
.half-marketing-politico h3,
.half-manutencap-de-sites h2,
.half-modernize-seu-site h3 {
  font-size: 2.5rem;
}
.plano-head-titulo {
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
}
.hora-de-trabalhar-sua-evolucao h2 {
  font-size: 4rem;
  line-height: 1;
}
.hora-de-trabalhar-sua-evolucao img {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
}
.pagination-nossos-cases-de-sucesso {
  position: relative !important;
  margin-bottom: -30px;
  margin-top: -10px;
}
.pagination-nossos-cases-de-sucesso span.swiper-pagination-bullet,
.pagination-depoimentos span.swiper-pagination-bullet {
  opacity: 0.6;
}
.pagination-nossos-cases-de-sucesso .swiper-pagination-bullet-active,
.pagination-depoimentos .swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.nossos-cases-de-sucesso swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}
.nossos-cases-de-sucesso img.img-nossos-cases {
  max-width: 140px;
  position: absolute;
  right: 0;
}
.hero-rede-sociais {
  height: 600px !important;
}
.hero-rede-sociais video {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.hero-rede-sociais h1,
.hero-rede-sociais h2 {
  text-align: end;
  position: relative;
  top: 50px;
  font-size: 3.5rem;
}
.hero-rede-sociais p {
  font-size: 15px;
  max-width: 400px;
  position: absolute;
  left: 50%;
  top: 385px;
  transform: translate(-50%, 0);
  margin: 0;
}
.hero-rede-sociais a.lk-1,
.hero-rede-sociais a.lk-2 {
  position: absolute;
  right: 10px;
  top: 340px;
  font-weight: 600;
}
.hero-rede-sociais a.lk-2 {
  top: 385px;
}
@keyframes moveGradient {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.tabfooter .nav.nav-tabs {
  background: white;
  border-radius: 50px;
  border: none;
  padding: 3px;
  position: relative;
  z-index: 1;
  width: 250px;
  overflow: hidden;
}
.tabfooter .nav.nav-tabs li.nav-item {
  width: 120px;
}
/* Estilizando os links das abas (botões) */
.tabfooter .nav.nav-tabs li.nav-item a {
  border: unset;
  border-radius: 50px;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #868686;
  display: flex;
  gap: 5px;
  align-items: center;
  line-height: 1;
  background: transparent;
  transition: background-position 0.5s ease, color 0.5s ease;
  font-size: 15px;
  position: relative;
  z-index: 3;
  height: 30px;
  justify-content: center;
  max-width: 120px;
  overflow: hidden;
}

.tabfooter .nav.nav-tabs li.nav-item a small {
  display: flex;
  font-size: 9px;
  line-height: 1;
}

.tabfooter .nav.nav-tabs li.nav-item a.ano.active small {
  color: #a3ffe3;
}

.tabfooter .nav.nav-tabs li.nav-item a.mes.active,
.tabfooter .nav.nav-tabs li.nav-item a.ano.active {
  color: white;
  background-position: 0 0;
}

/* Estilo para o elemento indicador */
.nav-indicator {
  position: absolute;
  top: 3px;
  left: 3px; /* Posição inicial */
  width: 120px; /* Largura inicial */
  height: calc(100% - 6px);
  border-radius: 50px;
  background: #226dfd;
  transition:
    left 0.5s ease,
    width 0.5s ease;
  z-index: 2;
  max-width: 120px;
}
.step-servico.step-ativa .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
div#head-services-hidden .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.box-selecao-orcamento p {
  margin: 0;
  font-size: 12px;
}
.form-check-input.border-danger[type="radio"],
.form-check-input.border-danger[type="checkbox"] {
  background: #fda1a1;
  appearance: none;
}
/* seleção de idiomas */
.language-selector {
  position: relative;
  display: inline-block;
  z-index: 11;
}

.active-language {
  background: none;
  border: none;
  cursor: pointer;
  background: #951ddb;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-language img {
    max-width: 16px;
    height: auto;
}
.language-menu {
    position: absolute;
    top: 19px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #951ddb;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0px 10px 10px 10px;
    display: none;
    font-family: 'Tomorrow';
    font-size: 10px;
}
.language-menu li {
    padding: 3px 2px;
    padding-right: 6px;
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    color: white;
}
.language-menu li img {
    max-width: 16px;
    height: auto;
}
.language-menu li:hover {
  background-color: #6e0da7;
}
.language-menu li:first-of-type {
  border-radius: 0 10px 0 0;
}
.language-menu li:last-of-type {
  border-radius: 0 0 10px 10px;
}
.language-selector.active-language-menu button#activeLanguageBtn {
  border-radius: 30px 30px 0 0;
}
@media (max-width: 1250.85px) {
  main .carrousel-all-services h2 {
    font-size: 48px;
  }

  main .carrousel-all-services h3 {
    font-size: 45px;
  }
  .seo-grobal img {
    max-width: 400px !important;
  }
  .trafego-pago-campanhas-digitais span.font-xlg {
    font-size: 114px;
  }
  .informacoes-relevantes-encontravel h2,
  .treinamento-e-capacitacao h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .nivel-comunicacao-politica-home h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .expertise-que-conduz-sucesso h2 {
    font-size: 2.4rem;
    line-height: 1;
  }

  .producao-conteudo-e-videos h2 {
    font-size: 2.2rem;
    line-height: 1;
  }
  .experiencia-imersiva-row-text h2 {
    font-size: 3.2rem !important;
  }
  .games-seguranca-reforcada h2 {
    font-size: 2.2rem;
    line-height: 1;
  }
  .half-marketing-politico h3,
  .half-manutencap-de-sites h2,
  .half-modernize-seu-site h3 {
    font-size: 2rem;
    line-height: 1;
  }
  div#modalCompararManutencao .modal-sticky-padding {
    padding: 30px 35px;
  }
  .plan-details li {
    font-size: 11px;
  }
  .hora-de-trabalhar-sua-evolucao h2 {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (max-width: 1060px) {
  .plan-details li {
    font-size: 10px;
  }
}
@media (max-width: 992.85px) {
  main .carrousel-all-services a {
    font-size: 13px;
  }

  main .carrousel-all-services h3 {
    font-size: 35px;
  }
  .cdn-mundial img,
  .pagamento-internacional img {
    scale: 1 !important;
  }
  .economia-e-transparencia h2 {
    font-size: 24px !important;
  }
  .pagamento-internacional img {
    max-height: 250px;
    scale: 1.5 !important;
    transform: unset !important;
  }
  .economia-e-transparencia img {
    max-width: 100% !important;
  }
  .seo-grobal img {
    max-width: 340px !important;
  }
  .curtina-controle-sinistro {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgb(255 255 255 / 0%) 40%,
      rgba(0, 0, 0, 1) 90%
    );
    left: -10%;
    width: 110%;
  }
  .video-gestao-de-sinistro video {
    height: 115%;
  }
  .campanha-eleitoral-social h2,
  .estruturacao-de-plano-governamental h2,
  .videos-que-cativam-memoria h2,
  .marca-eleitoral-forte h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .trafego-pago-campanhas-digitais img {
    max-width: 300px;
    position: unset;
  }
  .trafego-pago-campanhas-digitais span.font-xlg {
    font-size: 80px !important;
    position: relative;
    right: 0;
    top: 15px;
  }
  .eleicao-video-desenvolvimento video {
    position: relative;
    height: 300px;
    top: 0;
    scale: 1.3;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .campanhas-de-conscientizacao h2 {
    font-size: 1.9rem;
    line-height: 1;
  }
  .nivel-comunicacao-politica-home img {
    left: 80px;
  }
  .fortaleca-marca-impacto-politico h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .logo-hero-viewer-3d {
    height: 100%;
    max-height: 220px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    max-width: 400px;
    min-height: 100%;
  }
  .body-text {
    margin-top: 0 !important;
  }
  .experiencia-imersiva-row-text {
    min-height: 650px !important;
    align-content: flex-end !important;
  }
  .experiencia-imersiva-level-up img.level-up-games-elements-1 {
    display: none;
  }
  .background-experiencia-imersiva-level-up {
    clip-path: polygon(0% 100%, 100% 100%, 100% 55%, -400% 0%) !important;
  }
  .games-seguranca-reforcada h2,
  .games-suporte-que-voce-precisava h2 {
    font-size: 1.7rem;
    line-height: 1;
  }

  .nada-de-site-estatico h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .plans {
    min-width: 910px;
  }
  .plan-details li {
    font-size: 12px;
  }

  .valor-total-personalizado.switch-value-plan {
    height: 160px;
  }
  .valor-total-personalizado.switch-value-plan .plano-footer {
    align-items: start;
  }
  .tabfooter .nav.nav-tabs li.nav-item a {
    font-size: 14px;
    max-width: 100px;
  }
  .tabfooter .nav.nav-tabs li.nav-item {
    max-width: 100px;
  }
  .tabfooter .nav.nav-tabs {
    max-width: 210px;
  }
  .tabfooter .nav.nav-tabs li.nav-item a small {
    font-size: 7px;
  }
}
@media (max-width: 850px) {
  .campanha-eleitoral-social h2,
  .marca-eleitoral-forte h2,
  .estruturacao-de-plano-governamental h2,
  .videos-que-cativam-memoria h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .campanhas-de-conscientizacao h2 {
    font-size: 1.7rem;
  }
  .fortaleca-marca-impacto-politico h2 {
    font-size: 2rem;
  }
  .expertise-que-conduz-sucesso h2 {
    font-size: 2.2rem;
  }
  .producao-conteudo-e-videos h2 {
    font-size: 2rem;
  }
}
@media (max-width: 768.85px) {
  main .carrousel-all-services h1,
  main .carrousel-all-services h2,
  main .carrousel-all-services h3 {
    font-size: 40px;
  }
  .trafego-pago-campanhas-digitais span.font-xlg {
    font-size: 65px !important;
    top: 10px;
  }
  .campanha-eleitoral-social h2,
  .criacao-de-conteudo-seo-politico h2,
  .marca-eleitoral-forte h2,
  .estruturacao-de-plano-governamental h2,
  .videos-que-cativam-memoria h2,
  .solucao-para-politicos-mandato h2,
  .campanhas-de-conscientizacao h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .fortaleca-marca-impacto-politico h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .games-seguranca-reforcada h2,
  .games-suporte-que-voce-precisava h2 {
    font-size: 2.5rem;
  }
}

@media (max-width: 680px) {
  .criacao-de-conteudo-seo-politico h2 {
    font-size: 2rem;
  }
  .campanhas-de-conscientizacao h2 {
    font-size: 2.3rem;
  }
  main .carrousel-all-services h3 span {
    font-size: 10px;
}
}
@media (max-width: 620px) {
  .trafego-pago-campanhas-digitais span.font-xlg {
    font-size: 60px !important;
    top: 10px;
  }
  .fortaleca-marca-impacto-politico h2 {
    font-size: 2.9rem;
  }

  .half-servicos-de-manutencao h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
}
@media (max-width: 570.85px) {
  main .carrousel-all-services h1 span,
  main .carrousel-all-services h2 span {
    display: block;
    font-size: 16px;
  }

  main .carrousel-all-services h1,
  main .carrousel-all-services h2,
  main .carrousel-all-services h3 {
    font-size: 32px;
  }
  .sites-internacionais img.img-satelite-internacional {
    top: 0px !important;
  }

  .marketing-politico {
    max-width: 100%;
  }
  .max-width-100PC {
    max-width: 100% !important;
  }
  .video-gestao-de-sinistro video {
    height: 100%;
  }
  .marketing-politico-home h2,
  .branding-politico h2,
  .redes-sociais-setor-publico h2,
  .trafego-pago-politico h2,
  .estruturacao-de-plano-governamental h2,
  .sites-para-setor-publico h2,
  .da-campanha-a-reeleicao h2,
  .servicos-para-prefeitura h2,
  .conversar-com-cupcode h2,
  .solucao-para-politicos-mandato h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .gestao-controle-de-sinistro h2,
  .vitoria-eleitoral-home h2 {
    font-size: 1.9rem;
    line-height: 1;
  }
  .trafego-pago-campanhas-digitais h2,
  .trafego-pago-campanhas-digitais span.font-xlg {
    font-size: 2rem !important;
    line-height: 1;
  }
  .eleicao-video-desenvolvimento video {
    scale: 1;
  }
  .eleicao-video-desenvolvimento h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .transparencia-a-informacao-home h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .sites-modernos-funcionais h2,
  .construindo-pontes-comunidade h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .campanhas-de-conscientizacao h2,
  .informacoes-relevantes-encontravel h2 {
    font-size: 1.8rem;
  }
  .nivel-comunicacao-politica-home h2 {
    font-size: 2.2rem;
  }
  .nivel-comunicacao-politica-home img {
    left: 40px;
  }
  .marketing-sob-medida h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .construindo-conecte-se-com-eleitorado h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .fortaleca-marca-impacto-politico h2 {
    font-size: 2rem;
  }
  .alcance-direcionado-trafego-politico h2 {
    font-size: 1.9rem;
    line-height: 1;
  }
  .eleicao-video-desenvolvimento video {
    height: 250px;
  }
  .eleicao-video-desenvolvimento h2 {
    font-size: 2.3rem;
  }
  .quebra-cabeca-logo-civic-home h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .experiencia-imersiva-row-text h2 {
    font-size: 2.5rem !important;
  }
  .experiencia-imersiva-level-up img.level-up-games-elements-1 {
    max-height: 60px !important;
  }
  .remasterizando-mundo-digital h2 {
    font-size: 2.3rem !important;
  }
  .games-seguranca-reforcada h2,
  .games-suporte-que-voce-precisava h2 {
    font-size: 1.8rem;
  }
  .half-servicos-de-manutencao h2 br {
    display: none;
  }
  .half-servicos-de-manutencao h2 {
    font-size: 1.9rem;
    line-height: 1;
  }
  .melhorias-continuas h2 {
    font-size: 2.5rem !important;
  }
}

@media (max-width: 420px) {
  main .carrousel-all-services h1,
  main .carrousel-all-services h2,
  main .carrousel-all-services h3 {
    font-size: 29px;
  }
  .campanha-eleitoral-social h2,
  .videos-que-cativam-memoria h2,
  .militancia-digital h2,
  .material-campanha-papelaria h2 {
    font-size: 2rem;
    line-height: 1;
  }

  .decisoes-beadas-em-dados h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .campanhas-de-conscientizacao h2,
  .informacoes-relevantes-encontravel h2 {
    font-size: 1.6rem;
  }
  .nivel-comunicacao-politica-home h2 {
    font-size: 2rem;
  }
  .construindo-conecte-se-com-eleitorado h2 {
    font-size: 2.2rem;
  }
  .alcance-direcionado-trafego-politico h2 {
    font-size: 1.8rem;
  }
  .eleicao-video-desenvolvimento h2 {
    font-size: 2.1rem;
    line-height: 1;
  }

  .half-servicos-de-manutencao h2 {
    font-size: 1.7rem;
    line-height: 1;
  }
}

.manter-mente li {
  list-style: square;
  display: list-item;
  line-height: 1.7;
  font-size: 1.1rem;
  font-family: "Tomorrow";
}
/* Estilos botão WhatsApp */
#whatsapp-button {
  display: flex;
  position: fixed;
  right: -250px; /* Posição inicial fora da tela */
  top: 90%;
  transform: translateY(-50%);
  background-color: #196435;
  color: #fff;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  height: 80px;
  justify-content: space-between;
  align-items: center;
  z-index: 7;
  transition: right 0.3s ease; /* Adiciona transição suave */
}

div#whatsapp-button.expandido {
  right: 0;
  height: 110px;
  border-radius: 5px;
  overflow: hidden;
}
.outras-formas-de-contato {
  display: flex;
  flex-direction: row;
  height: inherit;
  gap: 5px;
  border-radius: 5px;
  overflow: hidden;
}
div#whatsapp-button.whats-open .outras-formas-de-contato {
  display: none;
}
.outras-formas-de-contato img {
  padding: 10px;
  background: #01450a85;
  max-width: 80px;
  max-height: 80px;
}
div#whatsapp-button.expandido .whatsapp-btn-on {
  display: none;
}
div#whatsapp-button.whats-close img.lozad.whatsapp-btn-on {
  display: none !important;
}
div#whatsapp-button.whats-open img.lozad.whatsapp-btn-hover {
  display: none;
}
div#whatsapp-button.expandido a {
  height: 110px;
  background: #196435;
  text-decoration: none;
}
.outras-formas-de-contato a {
  display: flex;
  flex-direction: column;
}
.outras-formas-de-contato a span {
  display: none;
  font-size: 12px;
  text-align: center;
  position: relative;
  top: 3px;
}
div#whatsapp-button.expandido .outras-formas-de-contato {
  overflow: unset;
}
div#whatsapp-button.expandido span {
  display: block;
}
#whatsapp-popup {
  display: none;
  position: fixed;
  right: 60px;
  top: 60%;
  transform: translateY(-50%);
  background-color: #2d9955;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  z-index: 11;
  height: auto;
  width: 400px;
}
.btn-whats-hover div#saudacao-mensagem,
.whats-open div#saudacao-mensagem {
  display: none !important;
}

img.whatsapp-btn-on {
  position: absolute;
  top: 20px;
  width: 30px;
  max-width: 60px;
  top: 50%;
  right: 45%;
  transform: translate(50%, -50%) !important;
}

.whats-open img.whatsapp-btn-on {
  background: #ff3131;
  border-radius: 50%;
  rotate: 90deg !important;
  position: absolute !important;
  width: 30px;
  max-width: 60px;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%) !important;
}

div#whatsapp-button.whats-open {
  border-radius: unset;
  z-index: 11;
  box-shadow: none;
  background: #2d9955;
  width: 60px;
  right: 0;
}

.btn-whats-hover img.whatsapp-btn-hover {
  display: block;
}

.btn-whats-hover img.whatsapp-btn-on {
  position: relative;
  top: unset;
  width: 40px;
  max-width: 60px;
  left: -93px;
  transform: unset !important;
  right: unset;
  rotate: -45deg !important;
  transition: all 0.5s ease;
  scale: 1.2 !important;
  top: -1px;
}

.bg-body-whats {
  height: 100%;
  background: #c899ee;
  border-radius: 0px 5px 5px 5px;
  padding: 5px;
  transition: all 0.3s ease;
}
#whatsapp-popup .nav-link {
  height: 100%;
}
#whatsapp-popup .nav-link,
#whatsapp-popup .nav-link a {
  border: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  gap: 5px;
  color: darkgreen;
  height: 100%;
  justify-content: center;
  text-decoration: none;
}
#whatsapp-popup .nav-link {
  padding: 5px 0px;
  width: 90px;
  max-width: 90px;
}
#whatsapp-popup .nav-link img {
  max-width: 50px;
}
button#whatsapp-tab.nav-link.active {
  background: #c899ee;
}
button.nav-link.button-orcamento {
  background: #18013a;
}
button.nav-link.button-suporte {
  background: #ed1e79;
}
button.nav-link.button-trabalhe-conosco {
  background: #212529;
}
button#discord-tab.nav-link.active {
  background: #18013a;
}

#whatsapp-popup .nav-tabs {
  border: unset;
  gap: 5px;
}
.footer-chat {
  height: 50px;
  width: 100%;
  background: #b8bdbc;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transition: all 0.3s ease;
  border-radius: 0px 0px 5px 5px;
}

.body-chat {
  height: 100%;
  border-radius: 5px 5px 0px 0px;
  background: url(../../assets/img/bg-cupcode-whats.webp);
  background-size: cover;
  overflow: auto;
  transition: all 0.3s ease;
  max-height: 370px;
  min-height: 370px;
}

.footer-chat input {
  border: none;
  margin-left: 10px;
  height: 30px;
  color: #18013a;
  padding: 3px 17px;
  border-radius: 15px !important;
  box-shadow: unset !important;
  width: 80%;
  font-size: 15px;
  outline: none !important;
  transition: all 0.3s ease;
}

.footer-chat input::placeholder {
  font-size: 15px;
  font-family: "Tomorrow", sans-serif;
}

.footer-chat img {
  width: 60px;
  padding: 0 10px;
  transition: all 0.3s ease;
}

.perfil-cupcode {
  width: 10%;
  margin-right: 5px;
  transition: all 0.3s ease;
}

.mensagem-cupcode {
  width: 70%;
  background: #efd4f6;
  color: #000;
  padding: 5px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.box-img-msg {
  display: flex;
  background: #b0bcc4;
  border-radius: 15px;
  height: 80px;
  overflow: hidden;
  align-items: center;
  transition: all 0.3s ease;
}

.box-img-msg img {
  margin-right: 5px;
  height: 100%;
  transition: all 0.3s ease;
}

.box-img-msg p {
  margin: 0;
  transition: all 0.3s ease;
}

.mensagem-cupcode p {
  font-size: 12px;
  transition: all 0.3s ease;
  margin: 5px 0px;
}

.mensagem-cupcode a {
  font-size: 12px;
  display: flex;
  justify-content: center;
  margin: 5px 0;
}

.mensagem-cupcode hr {
  margin: 0;
}

.mensagem-cupcode .box-img-msg h6 {
  font-size: 12px;
  margin-bottom: 0;
}

.mensagem-cupcode .box-img-msg p {
  line-height: 1;
  font-size: 10px;
}

.cupcode-mensagem {
  display: flex;
  width: 100%;
  padding: 15px 5px;
  transition: all 0.3s ease;
}

/* Estilos botão WhatsApp fim... */
.step,
.step-servico {
  display: none;
}

.step-ativa {
  display: block;
}

/* imagens absolutas corações */
.elementos-abs {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.coracoes-amarelos img {
  position: absolute;
}

.coracoes-amarelos img:nth-child(1) {
  top: 120px;
  left: 0;
}

.coracoes-amarelos img:nth-child(2) {
  top: 0;
  left: 350px;
}

.coracoes-amarelos img:nth-child(3) {
  top: 300px;
  left: 260px;
}

.coracoes-amarelos img:nth-child(4) {
  top: 478px;
  left: 0;
}

.coracoes-amarelos img:nth-child(5) {
  top: 478px;
  left: 1100px;
}

.coracoes-amarelos img:nth-child(6) {
  top: 0px;
  right: -8px;
  transform: scale(1.5);
}

.coracoes-amarelos img:nth-child(7) {
  top: 50px;
  left: 550px;
  z-index: 2;
}

.coracoes-amarelos img:nth-child(8) {
  top: 230px;
  left: 450px;
  width: 40px;
  z-index: 2;
}

.coracoes-amarelos img:nth-child(9) {
  top: 100px;
  left: 700px;
  z-index: 2;
  width: 60px;
}

.coracoes-amarelos img:nth-child(10) {
  top: 280px;
  left: 700px;
  z-index: 2;
}

/* elementoss absolutos planetas*/
.planetas-img {
  position: absolute;
  opacity: 0.6;
}

.planetas-img:nth-child(2) {
  top: 60px;
  right: 60px;
  width: 170px;
  transform: rotate(350deg);
}

.planetas-img:nth-child(3) {
  top: 280px;
  right: 220px;
  width: 70px;
}

.planetas-img:nth-child(4) {
  top: 150px;
  left: 30px;
  width: 70px;
}

.planetas-img:nth-child(5) {
  top: 420px;
  left: 50px;
  transform: rotate(45deg);
  scale: 1.2;
}

.planetas-img:nth-child(6) {
  top: 300px;
  left: 150px;
  width: 40px;
}

.planetas-img:nth-child(7) {
  top: 20px;
  right: 400px;
  width: 70px;
}

/* elementoss absolutos nuvems*/
.nuvems-hosting {
  position: absolute;
}

.nuvems-hosting:nth-child(1) {
  top: -40px;
  right: -20px;
}

.nuvems-hosting:nth-child(2) {
  top: 80px;
  right: 0;
  width: 100px;
}

.nuvems-hosting:nth-child(3) {
  top: 150px;
  left: -50px;
  width: 200px;
}

.nuvems-hosting:nth-child(4) {
  right: -20px;
  top: 330px;
  width: 240px;
}

.nuvems-hosting:nth-child(5) {
  top: 510px;
  width: 170px;
  left: -50px;
}

/* elementoss absolutos nuvems*/
.conjunto-moedas {
  position: absolute;
  height: 346px;
}

.conjunto-moedas:nth-child(1) {
  left: 0;
}

.conjunto-moedas:nth-child(2) {
  right: 0;
}

img.bolha-case-de-sucesso {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

img.img-cases-star {
  position: absolute;
  top: 35px;
  left: 420px;
  width: 150px;
}

.home-page .img-satelite {
  transform: scale(1.2);
}

.home-page video.reds-video-desenvolvimento-meio {
  max-width: 250px;
  transform: scale(1.5);
}

.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.sm-bold {
  font-weight: 500;
}
.site-profissional h2 {
  font-size: 2.8rem;
}

.bg-como-trabalhamos {
  background-image: url(../../assets/glass/astronauta-voando-computador-estrelas.png);
  background-size: 320px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.home-page img.reds-img-fusquinha-tunado {
  left: 130px;
  bottom: 90px;
  transform: scale(2.3) !important;
  max-width: 150px !important;
}

img#imagem-destaque {
  position: absolute;
  bottom: 0;
  max-width: 120px;
  top: 50%;
  transform: translate(0, -50%);
  left: -50px;
  max-height: 90px;
}

.pasta-navegation {
  width: 100%;
}

.pasta-head {
  height: 40px;
  background: #bdbdc5;
  border-radius: 20px 20px 0px 0px;
  display: flex;
  align-items: center;
  padding: 0px 20px;
  gap: 10px;
}

.pasta-head ul.dots li {
  height: 10px;
  width: 10px;
  background: black;
  display: inline-flex;
  border-radius: 50%;
}

.btn-navegation li {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fcfcfc;
  border-radius: 3px;
  overflow: hidden;
}

.btn-navegation ul li:nth-child(2) {
  transform: rotate(180deg);
}

.btn-navegation ul {
  display: flex;
  gap: 5px;
}

.pasta-head ul.dots li:nth-child(1) {
  background: var(--pink);
}

.pasta-head ul.dots li:nth-child(2) {
  background: var(--lpurple);
}

.pasta-head ul.dots li:nth-child(3) {
  background: var(--dpurple);
}

img.img-pasta-head {
  max-height: 25px;
}

.titulo-pasta-head {
  font-size: 12px;
  color: var(--dpurple);
  margin: 0;
  font-family: "Fractul Regular";
  font-weight: 400;
}

.pasta-body-head {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 1rem;
}

.pasta-arquivo h3 {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  text-align: center;
}

li[disabled="disabled"].btn-pasta-voltar {
  /* Suas regras CSS para elementos <li> com o atributo disabled e a classe btn-pasta-voltar */
  /* Por exemplo: */
  opacity: 0.5;
  /* Define a opacidade para 50% */
  pointer-events: none;
  /* Desativa eventos de clique no elemento */
  /* Adicione outras regras CSS conforme necessário */
}

li[disabled="disabled"].btn-pasta-avancar {
  /* Suas regras CSS para elementos <li> com o atributo disabled e a classe btn-pasta-voltar */
  /* Por exemplo: */
  opacity: 0.5;
  /* Define a opacidade para 50% */
  pointer-events: none;
  /* Desativa eventos de clique no elemento */
  /* Adicione outras regras CSS conforme necessário */
}

.btn-pasta-voltar.ativo {
  opacity: 1;
  cursor: pointer;
}

.pasta-arquivo img {
  height: 60px;
}

.conteudo-pasta h3 {
  font-size: 15px;
}

.conteudo-pasta li,
.conteudo-pasta p {
  font-size: 12px;
}

.conteudo-pasta ul li {
  list-style: disc !important;
}

.conteudo-pasta ul ul li {
  list-style: circle !important;
}

.transicao-conteudo {
  transition: all 0.3s ease-in-out;
  /* Adicione a transição desejada aqui */
}

/* Defina a classe "hidden" para ocultar o conteúdo */
.hidden {
  display: none;
}

.oculto {
  display: none;
}

.pasta-arquivo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.pasta-arquivo a {
  color: var(--l-purple);
  text-decoration: none;
  line-height: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.img-pasta-body {
  max-width: 25px;
}

.pasta-body-head div {
  display: flex;
}

.pasta-body {
  padding: 10px 20px;
  background: #fafafa;
  border-radius: 0px 0px 20px 20px;
}

.pasta-body-head h3 {
  font-size: 12px;
  margin: 0;
  font-family: "Fractul Regular";
  font-weight: 400;
  color: var(--lpurple);
}

.pasta-head ul {
  margin: 0 !important;
  padding: 0 !important;
}
.modal-fale-conosco .modal-header,
.modal-universal .modal-header,
.modal-keynote-criativos .modal-header,
.modal-plano-hospedagem .modal-header {
  background: linear-gradient(
    90deg,
    rgb(127, 71, 221) 0%,
    rgb(237, 30, 121) 100%
  );
  position: relative;
}
div#modalKeynoteCriativos {
  padding: 0 !important;
}

:root {
  --swiper-pagination-color: var(--pink);
  --swiper-pagination-color1: var(--dpurple);
  --swiper-pagination-bullet-inactive-color: #f1daff;
  --swiper-pagination-bullet-inactive-opacity: 1;
}

.swiper-pagination-bullet-active-main,
.swiper-pagination-bullet {
  background-color: var(--swiper-pagination-color) !important;
}

.display-content {
  display: contents;
}

.modal-universal .accordion-button,
.modal-universal .accordion-button:hover,
.modal-universal .accordion-button:focus {
  background: #efdaff;
  color: var(--pink);
  font-weight: 600;
  border: none;
  border-radius: 20px;
}

.modal-universal .accordion-item {
  margin-bottom: 10px;
  border-radius: 20px !important;
  overflow: hidden;
  border: none;
}

.modal-universal .accordion-collapse {
  max-width: 95%;
  margin: 0 auto;
  border-radius: 0px 0px 20px 20px;
  position: relative;
  top: -1px;
}

/* CSS para ocultar a barra de rolagem quando a classe scroll-oculto está presente no <html> */
html.scroll-oculto {
  overflow: hidden;
}

.modal-universal .accordion-body {
  background: #faf4fe;
  border-radius: 0px 0px 20px 20px;
}

.modal-universal {
  padding: 0 !important;
}

body.modal-open {
  padding: 0 !important;
}

.modal-universal h2 {
  font-size: 18px;
}

.modal-universal .texto-descricao {
  font-size: 14px;
}

.modal-universal .accordion-body ul li {
  list-style: auto;
}

.modal-fale-conosco .modal-footer {
  display: flex;
  justify-content: space-between;
  padding: 0;
  height: 60px;
}

img.popup-img-btn {
  height: auto;
  width: auto;
  max-height: 25px;
  position: relative;
  right: 5px;
}
.popup-img-btn-email {
  height: auto;
  width: auto;
  max-height: 25px;
  position: relative;
  right: 5px;
}
button.bg-color-email {
  padding-left: 35px !important;
  text-decoration: none;
}

.modal {
  backdrop-filter: blur(10px);
}

input.form-check-input {
  margin-top: 0;
  margin-right: 5px;
}
.form-check-input[type="radio"] {
  border-radius: 50% !important;
}
.servicos-modal .modal-dialog {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 500px;
}
.modal-fale-conosco .btn-close,
.modal-universal .btn-close,
.modal-keynote-criativos .btn-close,
.modal-plano-hospedagem .btn-close {
  background: url(../../assets/img/close-white.svg);
  opacity: 1;
  background-repeat: no-repeat;
  padding: 5px;
  margin-right: 0px;
}
.modal-universal .modal-footer {
  background: #faf4ff;
}
button.botao-enviar-whats,
a.botao-enviar-whats {
  display: flex;
  width: 35px;
  height: 35px;
  border: unset;
  border-radius: 50%;
  background: #951ddb;
  overflow: hidden;
  justify-content: center;
  cursor: pointer;
}
button.botao-enviar-whats img,
button.botao-enviar-whats svg,
a.botao-enviar-whats img,
a.botao-enviar-whats svg {
  height: 35px;
  rotate: 180deg !important;
  transform: scale(1.5) !important;
  stroke: white;
}

input.form-check-input {
  min-width: 20px;
  min-height: 20px;
  background: #f5f5f5;
  border: none;
}
select.trigger-select-7mais {
    background-color: #f5f5f5;
    border: none;
    color: #18013a;
    font-weight: 600;
    margin-left: 5px;
    max-width: max-content;
    padding: 1px 26px;
    font-size: .8rem;
}
.check-box-center {
  display: flex;
  align-items: center;
}
.p-10 {
  padding: 10px;
}
.servicos-modal .modal-body {
  padding: 0;
}
.box-texto-orcamento {
  background: #e6e5ef;
  color: var(--lpurple);
  border-radius: 5px !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  border: none;
  outline: none !important;
  height: 100%;
  width: 100%;
  min-height: 36px !important;
  height: 36px;
}
input#valorInvestidoemMedia {
  position: relative;
  z-index: 1;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
div#valorInvestidoemMediaLabel {
  font-size: medium;
  color: #ed1e79;
  font-weight: bold;
}
input#valorInvestidoemMedia:after {
  z-index: -1;
  content: "";
  position: absolute;
  height: 8px;
  width: 100%;
  background: #951ddbc2;
  left: 0;
  top: calc(50% + 1px);
  transform: translate(0, calc(-50% - 1px));
  border-radius: 30px;
}
input#valorInvestidoemMedia.range-danger:after {
  background: #dc3545;
}
/* Chrome, Safari e Opera */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #951ddb; /* Cor da bolinha */
  z-index: 2;
  cursor: grabbing;
  border: none;
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #951ddb; /* Cor da bolinha */
  z-index: 2;
  cursor: grabbing;
  border: none;
}

/* Internet Explorer */
input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #951ddb; /* Cor da bolinha */
  z-index: 2;
  cursor: grabbing;
  border: none;
}
#faturamentoMensalContainer {
  display: none;
}
.img-step-abs {
  position: relative;
  width: auto;
}
.img-step-abs img {
    max-width: 35px;
    max-height: 35px;
}

.step input.form-check-input {
  background: #e6e5ef;
}

.step .form-check-input:checked {
  background: #196435;
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.step .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

.step-servico label.form-check-label {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  line-height: 1;
}
input.input-style-gray {
  color: #18013a;
  background: #e6e5ef !important;
  border: unset;
  border-radius: 15px !important;
  box-shadow: unset !important;
}
.steps {
  padding: 10px;
}
img.orc-info-icon {
  max-width: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) !important;
}
.lootiefile {
  max-width: 80px;
  margin: 0 auto;
  display: flex;
}
.align-iconlottie p {
  font-size: 14px;
  margin: 0;
}
.div-sucesso-btn {
  margin: 0 auto;
  max-width: fit-content;
  text-align: center;
  display: flex;
  align-items: center;
  background: #1ca02b;
  border-radius: 20px;
  padding-right: 15px;
}

.div-sucesso-btn img {
  transform: scale(1.1);
  right: 10px;
  position: relative;
  max-width: 80px;
}
.border-danger {
  border: solid 1px red !important;
}
.div-sucesso-btn a {
  text-decoration: none;
  font-weight: 500;
}

.box-selecao-orcamento,
.box-selecao-servicos {
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  height: 100%;
  justify-content: space-between;
  max-width: 180px;
  align-items: center;
}
.box-selecao-bg {
    width: 100%;
    padding: 5px;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    backdrop-filter: blur(5px) saturate(200%);
    -webkit-backdrop-filter: blur(5px) saturate(200%);
    background: linear-gradient(90deg, #951ddb75, transparent);
    border-radius: 12px;
    filter: grayscale(1);
}
.box-selecao-servicos a {
  text-decoration: none;
}
.box-selecao-orcamento.selected p,
.box-selecao-servicos.selected p {
  color: black;
}
.slider__item {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  flex: 0 0 100%;
  max-width: 33%;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 20px;
}

.slider__item .conteudo-cases {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
}

.cases-btn-saiba-mais {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
}

.cases-btn-saiba-mais a {
  display: flex;
  justify-content: center;
  color: var(--bs-white) !important;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  font-size: 15px;
  line-height: 25px;
  color: var(--pink) !important;
}

.blog-carousel ul.slick-dots {
  display: none !important;
}

.slider__item:hover .conteudo-cases {
  opacity: 1;
}

.testimonial-slide {
  text-align: center;
  padding: 20px;
  background: white;
  border-radius: 0px 50px 0 50px;
  position: relative;
  margin-top: 20px;
}
swiper-container#lista-de-depoimentos {
  padding: 40px 0px 40px 0px;
}
.pagination-depoimentos {
  text-align: center;
}

div#modalFaleConosco .form-check {
  display: flex;
  align-items: center;
}

.testimonial-nome {
  color: #8764bb;
  margin: 0;
  font-size: 1.1rem;
}

.testimonial-empresa {
  color: #c7a2dd;
  font-size: 0.8rem;
  font-weight: normal;
}

.testimonial-carousel .slick-list.draggable {
  display: flex;
  flex-direction: column;
  padding: 40px 0 20px 0px;
}

.testimonial-slide p {
  height: 110px;
  overflow: auto;
  background: #fff3f8;
  border-radius: 0px 20px 0 20px;
  padding: 10px;
  font-size: 14px;
}

.top-unset {
  top: unset !important;
}

.image-carousel .slick-slide {
  background: radial-gradient(circle, #ffffff 30%, #ffb0d3 100%);
  background-size: cover;
  margin-right: 25px;
  padding: 10px;
  border-radius: 20px;
}

.img-planeta {
  top: 0;
  left: 0;
  position: absolute;
  width: 170px;
  opacity: 0.5;
}

.img-chat-avaliacoes {
  position: absolute;
  top: 50px;
  right: 20px;
  width: 200px;
}
.box-star-avaliacoes {
  max-width: 200px;
  height: auto;
  text-align: start;
  gap: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: flex-start;
  justify-content: flex-end;
}
img.star-avaliacoes {
  max-width: 100px;
}
.testimonial-carousel .slick-list.draggable {
  margin-right: 25%;
  overflow: visible;
}
.img-desenvolvimento-satelite {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 500px;
}

img.parceiros-avaliacoes {
  height: 60px;
  right: 20px;
  position: absolute;
  bottom: 20px;
}

.img-bolhas-roxa {
  position: absolute;
  width: 110px;
  top: 15px;
  right: 15px;
  opacity: 0.5;
}

.cafe-digital.justify-content-end {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 40px;
}

img.img-cafe-digital {
  width: 250px;
  bottom: -15px;
  position: absolute;
  right: -15px;
}

.btns-box-banner {
  display: flex;
  gap: 50px;
  position: relative;
  z-index: 2;
}

.div-preenchimento {
  height: 210px;
}

.home-page-section {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.home-page-servicos {
  height: 100%;
  width: 100%;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

.box-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.max-content-1200 {
  max-width: 1200px;
  width: 100%;
}

.space-between {
  justify-content: space-between;
}

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

.align-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.blog-carousel .blog-slide {
  margin-right: 60px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  background: #f4f4fe;
}

.overlay-black {
  height: 100%;
  width: 100%;
  position: absolute;
  background: url(../../assets/img/hover-effect-gradient-img.webp);
}

.bg-blog-img {
  background-size: cover !important;
  background-position: center !important;
  height: inherit;
  display: flex !important;
  align-items: flex-end;
}

.blog-carousel .slick-dots {
  bottom: -35px;
}

.btn-blog {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

img.como-trabalhamos {
  position: absolute;
  width: 350px;
  bottom: 0;
  right: -50px;
}

.sobre-nos,
.cafe-digital {
  min-height: 500px;
  max-height: 500px;
}

.video_cupcode {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  height: 100%;
}

.video_cupcode video {
  width: 102%;
  height: 120%;
  left: -51%;
  position: relative;
  transform: translate(50%, -11%);
}

.blog-carousel .slick-track {
  height: 450px;
  min-height: 450px;
}

.blog-imagem img {
  height: 280px;
  vertical-align: middle;
  min-width: fit-content;
  position: relative;
  right: 65px;
}

.column {
  flex-direction: column;
}

.box-img-servicos img {
  height: 250px;
  position: relative;
  transform: scale(1.3);
  top: -50px;
  z-index: 1;
}

.bd-radius {
  border-radius: 20px;
}

.bg-forefround-abs {
  background: url(../../assets/img/bg-fore-ads.webp);
  width: 100%;
  position: absolute;
  height: 100%;
  background-position: bottom;
  background-size: cover;
}

img.img-foreground {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}

.bg-img-trafego-pago {
  background: url(../../assets/img/background-trafego-pago.webp);
  background-size: cover;
}

.colecao-trafegoPago,
.colecao-redes-social,
.colecao-hospedagem {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.colecao-redes-social,
.colecao-hospedagem {
  height: 100%;
  z-index: 1;
}

.colecao-trafegoPago img,
.colecao-redes-social img,
.colecao-hospedagem img {
  position: absolute;
  object-fit: cover;
}

.btns-servicos {
  display: flex;
  width: 100%;
  justify-content: space-around;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

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

.box-texto-servicos {
  width: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
}

.home-mais-servicos .box-texto-servicos {
  width: 100%;
  margin: 0 auto;
}

.bg-giant-leap {
  background: url(../../assets/img/bg-giant-leap.webp);
  background-size: cover;
}

.video-giant-leap {
  top: 0;
  position: absolute;
  height: 100%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, 0%);
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.relative {
  position: relative;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}
.mt-140 {
  margin-top: 140px;
}

.mb-80 {
  margin-bottom: 80px;
}

.fs-5rem {
  font-size: 5rem;
  line-height: 5rem;
}

.font-titulo-lg {
  font-size: 3.5rem;
  line-height: 3.5rem;
}

.img-foguete {
  position: absolute;
  width: 180px;
  bottom: -50px;
  z-index: 2;
  right: -35px;
  rotate: 32deg;
}
.body-text {
  font-size: 30px;
}

.body-text .t3xts {
  height: 40px !important;
}

.hero-box {
  background: white;
}

.video_cupcode.hero video {
  width: 100%;
  height: 400px;
  position: relative;
  transform: translate(-50%, 25px);
  left: 50%;
}

.img-trofeu {
  position: absolute;
  left: 50px;
  height: 100%;
  width: auto;
  top: 0;
  scale: 1.2;
  pointer-events: none;
}

.img-bolha-roxa {
  position: absolute;
  right: -50px;
  width: 200px;
  bottom: -20px;
  z-index: 2;
}

.img-terra-desenvolvimento {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
}

.home-mais-servicos {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.img-cases-star {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
}

.conteudo-cases p {
  font-size: 14px;
  height: 270px;
  overflow: auto;
  padding-right: 5px;
}

span.sub_titulo {
  position: relative;
}

.width-overflow {
  width: fit-content;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

span.sub_titulo.reverse {
  flex-direction: row-reverse;
  display: flex;
}

span.sub_titulo.reverse::after {
  padding-left: 100vh;
  right: 50%;
  left: unset;
}

.reverse {
  display: flex !important;
  flex-direction: column-reverse;
}

span.sub_titulo.color-four::after {
  background: var(--bs-white);
}

.font-uppercase {
  text-transform: uppercase;
}

.font-weight-normal {
  font-weight: normal;
}

.home-mais-servicos .box-img-servicos img {
  width: auto;
  height: auto;
  position: relative;
  transform: unset;
  max-width: 300px;
}

img.titulo-ebook {
  width: 100%;
  max-width: 250px;
}

.btns-ebook {
  display: flex;
  justify-content: space-between;
}

.img-ebook {
  width: auto;
  max-height: 500px;
  margin: 0 auto;
}

ul.breadcrumbs-list {
  margin: 0;
  padding: 0;
  display: flex;
}

li.breadcrumbs-item {
  display: flex;
  align-items: center;
}

.meia-box {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.display-sm-block {
  display: none;
}

.blog-corpo {
  background: #faf4fe;
}

.bg-blog-img .blog-corpo {
  background: none;
}

input,
textarea {
  border-radius: 0px !important;
}

.modal-footer button,
.modal-footer a.bg-color-whatsapp,
.modal-footer a.bg-color-email,
.modal-footer button.bg-color-email {
  border-radius: 50px;
  padding: 5px 20px;
  font-size: 15px;
  border: none;
  color: white;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
}

.modal-body .form-check {
  font-size: 0.8rem;
}

.modal-dialog {
  max-width: 600px;
  pointer-events: all;
}

textarea {
  min-height: 100px !important;
}

.titulo-como-trabalhamos {
  line-height: 2rem;
  font-size: 4rem;
}

.titulo-como-trabalhamos color {
  position: relative;
  left: 28px;
}

.pasta-arquivo {
  margin-bottom: 15px;
}

.section-hero-ebook h2 {
  font-family: "Fractul Regular";
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 1;
}

.section-hero-ebook .form-control {
  border: solid 1px #dea5ff;
  border-radius: 20px !important;
  color: #7f47dd;
}

.section-hero-ebook .form-control::placeholder {
  color: #c899ee;
}

.section-hero-ebook .form-check {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
}

.section-hero-ebook input.form-check-input {
  min-width: 15px;
  min-height: 15px;
  border: solid 1px #7f47dd;
}

.section-hero-ebook img.titulo-ebook {
  width: 100%;
  max-width: 200px;
}

.section-hero-ebook button {
  background: unset;
  border: none;
  color: var(--lpurple);
}

.section-hero-ebook button span {
  font-weight: normal !important;
}

/* Estilos para o botão desativado */
.section-hero-ebook button:disabled {
  color: #c899ee;
  font-weight: normal;
  cursor: not-allowed;
  /* Altera o cursor quando o botão está desativado */
}

/* Estilos para o botão ativado */
.section-hero-ebook button:enabled {
  color: #7f47dd;
  font-weight: normal;
  cursor: pointer;
  /* Altera o cursor quando o botão está ativado */
}

.btn-ver-mais-informacao {
  height: 50px;
  width: 50px;
  background: white;
  position: absolute;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  z-index: 5;
  transition: 0.5s;
  cursor: pointer;
}
.pointer-events-none {
  pointer-events: none;
}
.btn-ver-mais-informacao.dark {
  background: #3b3756;
}

.btn-ver-mais-informacao.active {
  transform: rotate(45deg);
  transition: 0.5s;
}

.btn-ver-mais-informacao img,
.btn-ver-mais-informacao svg {
  height: 40px;
  display: flex;
  margin: 0 auto;
  width: 40px;
}

.box-ver-mais-informacao {
  position: absolute;
  top: 10%;
  left: 0;
  padding: 40px;
  background: white;
  height: 100%;
  opacity: 0;
  transition: 0.5s;
  z-index: -1;
}

.btn-ver-mais-informacao:active + .box-ver-mais-informacao {
  opacity: 1;
  z-index: -1;
}

.btn-ver-mais-informacao.active + .box-ver-mais-informacao {
  top: 0;
  left: 0;
  z-index: 4;
  overflow: auto;
  padding-bottom: 50px;
}

.head-box-ver-mais,
.box-com-img-left {
  display: flex;
  gap: 10px;
  align-items: center;
}

.head-box-ver-mais img,
.box-com-img-left img,
.box-com-img-top img,
.box-com-img-right img {
  width: 80px;
  height: auto;
}

.height-100 {
  height: 100%;
}

.bg-agua-viva {
  background: url(../../assets/img/bg-agua-viva.webp);
  background-size: cover;
}

.bg-agua-viva-before::before {
  content: "";
  background: url(../../assets/img/bg-agua-viva.webp);
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(15px);
}

img.img-conteudo-de-exelencia {
  height: 400px;
}

img.img-conteudo-de-exelencia-mini {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 80px;
}

.bg-pink-misturado {
  background: url(../../assets/img/bg-pink-misturado.webp);
  background-size: cover;
}

img.segredos-de-marketing {
  transform: scale(1.2);
}

img.mentoria-financeira {
  transform: scale(1.2);
}

img.img-mentoria-financeira-mini {
  position: absolute;
  top: 40px;
  left: 15px;
  max-width: 120px;
}

.box-vm-left-img {
  display: flex;
  align-items: center;
  max-width: 55%;
}

.box-vm-left-img p,
.box-vm-right-img p {
  margin: 0;
  font-weight: bold;
  color: white;
}

img.img-mulher-com-porquinho {
  max-width: 250px;
}

img.img-controle-de-custos {
  max-width: 300px;
}

.box-vm-right-img {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: row-reverse;
  text-align: end;
  width: 80%;
  margin: 0 0 0 auto;
  position: absolute;
  bottom: 0;
}

.bg-poder-trafego-pago {
  background: url(../../assets/img/bg-poder-trafego-pago.webp);
  background-size: cover;
}

.bg-marketing-do-cliente {
  background-size: cover;
  background: url(../../assets/img/bg-marketing-do-cliente.webp);
}

.bg-marketing-do-cliente {
  background: url(../../assets/img/bg-marketing-do-cliente.webp);
  background-size: cover;
  background-position: bottom left;
}

.carrousel-conteudo-mais-conteudos-ricos {
  padding: 20px;
  border-radius: 20px;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carrousel-conteudo-mais-conteudos-ricos img {
  max-height: 180px;
  margin: 0 auto;
}

img.seu-melhor-investimento {
  transform: scale(1.5) !important;
  bottom: 25px !important;
}

.btn-cafe-digital {
  max-width: 410px;
}

.btn-cafe-digital a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.btn-cafe-digital img {
  max-width: 150px;
}

.saude-financeira-padding {
  padding-left: 150px;
  padding-right: 150px;
}

.newsletter-box-texto {
  margin-left: 150px;
}
.newsletter-texto p,
.newsletter-texto h2 {
  margin: 0;
}
.newsletter img.newsletter-img {
  position: relative;
  right: 30px;
  height: 140px;
  scale: 1.13;
}
.newsletter-texto p {
  max-width: 370px;
  line-height: normal;
  font-size: 14px;
}
.bg-newsletter {
  background: linear-gradient(
    90deg,
    rgb(127, 71, 221) 0%,
    rgb(237, 30, 121) 100%
  );
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: unset !important;
}

img.newsletter_send {
  position: absolute;
  top: 0px;
  right: -30px;
  width: 115px;
}

.newsletter label p,
.newsletter label a {
  font-size: 10px;
  color: white;
  margin-bottom: 0;
}

.newsletter h2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: normal !important;
}

.newsletter .form-control {
  height: 50px;
  border-radius: 0px 50px 50px 0px !important;
  border: solid 2px #ffffff;
  background: #f1daff;
  font-size: 25px;
  padding-left: 40px;
  width: 90%;
}
.newsletter .form-check {
  min-height: unset;
  display: flex;
  align-items: center;
}
form#form-newsletter {
  gap: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.section-fusquinha h3 {
  font-size: 4.8rem !important;
  line-height: 1;
}

.list-style-disc li {
  list-style: disc;
}

.list-style-number li {
  list-style: decimal !important;
}

/* Carrousel todos os serviços */
.box-img-todos-servicos img,
.box-img-todos-servicos video {
  max-height: 220px;
  margin: 0 auto;
  display: flex;
}

.box-texto-todos-servicos p {
  font-size: 15px;
  text-align: center;
}
.carrousel-conteudo-todos-servicos {
  padding: 30px;
  min-height: 568px;
  display: flex;
}
.carrousel-conteudo-todos-servicos .box-texto-todos-servicos {
    position: relative;
}
.carrousel-todos-servicos .slick-dots {
  bottom: -30px;
}
.slick-carrousel-todos-servicos button.slick-prev {
    left: 10px !important;
    z-index: 1;
}
.slick-carrousel-todos-servicos button.slick-next {
    right: 10px !important;
    z-index: 1;
}
.bg-modernize-seu-site,
.modernize-seu-site {
  background-image: url(../../assets/img/modernize-seu-site-bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.modernize-seu-site .slider-curtina {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
}

.modernize-seu-site .antes-depois {
  position: relative;
  height: 100%;
  cursor: e-resize;
  width: 100%;
  margin-bottom: 10px;
}
.modernize-seu-site .img-delorean {
  max-width: 300px;
  transform: scale(1.3) !important;
  margin: 0 auto;
  display: flex;
}
.bg-jeans {
  background-image: url(../../assets/img/bg-jeans.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-hero-trafego-pago {
  background-image: url(../../assets/img/bg-hero-trafego-pago.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.sl-suporte-tecnico h3 {
  font-size: 2.2rem;
}

.sl-fusquinha-tunado img {
  position: relative;
  left: 90px;
  transform: scale(2) !important;
  bottom: 90px;
}

.sl-trafego-pago img,
.sl-hospedagem img {
  transform: scale(1.5) !important;
}

.sl-redes-sociais img,
.sl-branding img,
.sl-suporte-tecnico img {
  transform: scale(1.4) !important;
}

.sl-diferencial-cupcode img,
.sl-app-mobile img,
.sl-lgpd img {
  transform: scale(1.3) !important;
}

.sl-dev-web-apps img,
.sl-lojas-virtuais img {
  transform: scale(1.2) !important;
}

.sl-dev-web-apps img,
.sl-informacoes-legais img {
  transform: scale(1.2) !important;
}

.sl-melhor-meu-site video {
  transform: scale(1.7);
}

.sl-emojis-img img,
.sl-branding-img img,
.sl-trafego-pago-img img {
  max-width: 30px;
  position: absolute;
}

.sl-emojis-img img:nth-child(1),
.sl-branding-img img:nth-child(1),
.sl-trafego-pago-img img:nth-child(1) {
  right: 20px;
  top: 25px;
}

.sl-emojis-img img:nth-child(2),
.sl-branding-img img:nth-child(2),
.sl-trafego-pago-img img:nth-child(2) {
  right: 90px;
  top: 85px;
}

.sl-emojis-img img:nth-child(3),
.sl-branding-img img:nth-child(3),
.sl-trafego-pago-img img:nth-child(3) {
  right: 160px;
  top: 170px;
}

.sl-emojis-img img:nth-child(4),
.sl-branding-img img:nth-child(4),
.sl-trafego-pago-img img:nth-child(4) {
  right: 55px;
  top: 190px;
}

.sl-emojis-img img:nth-child(5),
.sl-branding-img img:nth-child(5),
.sl-trafego-pago-img img:nth-child(5) {
  left: 55px;
  top: 190px;
}

.sl-emojis-img img:nth-child(6),
.sl-branding-img img:nth-child(6),
.sl-trafego-pago-img img:nth-child(6) {
  left: 25px;
  top: 100px;
}

.sl-emojis-img img:nth-child(7),
.sl-branding-img img:nth-child(7),
.sl-trafego-pago-img img:nth-child(7) {
  left: 255px;
  top: 120px;
}

.sl-emojis-img img:nth-child(8),
.sl-branding-img img:nth-child(8),
.sl-trafego-pago-img img:nth-child(8) {
  left: 335px;
  top: 20px;
}

.sl-emojis-img img:nth-child(9),
.sl-branding-img img:nth-child(9),
.sl-trafego-pago-img img:nth-child(9) {
  left: 15px;
  top: 300px;
}

.sl-hospedagem-img img,
.sl-diferencial-cupcode-img img {
  position: absolute;
}

.sl-hospedagem-img img:nth-child(1) {
  right: -25px;
  top: -25px;
}

.sl-hospedagem-img img:nth-child(2) {
  right: 25px;
  top: 155px;
  width: 80px;
}

.sl-hospedagem-img img:nth-child(3) {
  right: 30px;
  top: 355px;
  width: 100px;
}

.sl-hospedagem-img img:nth-child(4) {
  left: 29px;
  top: 120px;
  width: 105px;
}

.sl-hospedagem-img img:nth-child(5) {
  left: 40px;
  top: 345px;
  width: 100px;
}

.sl-diferencial-cupcode-img img:nth-child(1) {
  width: 200px;
  bottom: 0;
  right: 0;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(2) {
  width: 160px;
  top: 15px;
  right: 30px;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(3) {
  width: 60px;
  top: 200px;
  right: 20px;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(4) {
  width: 45px;
  top: 170px;
  left: 20px;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(5) {
  width: 55px;
  top: 320px;
  left: 70px;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(6) {
  width: 42px;
  top: 486px;
  left: 243px;
  opacity: 0.5 !important;
}

.sl-diferencial-cupcode-img img:nth-child(7) {
  width: 100px;
  top: 140px;
  left: 130px;
  opacity: 0.5 !important;
}

.btn-plus-popup-modal {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 0;
}

.btn-plus-popup-modal img,
.btn-plus-popup-modal svg {
  height: 40px;
  width: 40px;
  display: flex;
  margin: 0 auto;
}
.modal-body-ver-mais .sticky-close-button button {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  border: unset;
  background: white;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: top 0.3s ease-out;
}

.modal-body-ver-mais .sticky-close-button  button img,
.modal-body-ver-mais .sticky-close-button  button svg {
  width: 40px;
  height: 40px;
  transform: rotate(45deg) !important;
}

.vm-img-texto-left {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: start;
}

.vm-img-texto-right {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: right;
  flex-direction: row-reverse;
}

.vm-img-texto-left img,
.vm-img-texto-right img {
  height: auto;
  width: auto;
  max-height: 180px;
}
h2#swal2-title,
div#swal2-html-container {
  color: #18013a;
}
.div-temporizador {
  display: flex;
  gap: 20px;
}

img.popup-img-top-right {
  position: absolute;
  top: -2px;
  right: 0;
  width: 200px;
}

.popup-texto-left {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: start;
  margin-bottom: 10px;
}

.popup-texto-right {
  display: flex;
  align-items: center;
  gap: 15px;
  text-align: right;
  flex-direction: row-reverse;
  margin-bottom: 10px;
}

.popup-texto-left img,
.popup-texto-right img {
  height: auto;
  width: auto;
  max-height: 180px;
  padding: 10px;
}

.modal-ver-mais-informacao {
  max-width: 1200px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.modal-body-ver-mais .sticky-close-button button {
  position: absolute;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: unset;
  background: white;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.modal-body-ver-mais .sticky-close-button button img {
  width: 40px;
  height: 40px;
  transform: rotate(45deg);
}
.img-titulo-mini-fusquinha,
.img-titulo-garantia-2-anos,
.img-titulo-suporte-tecnico,
.img-titulo-indica-ai,
.img-titulo-mini-astronauta-acima-da-nuvem,
.img-titulo-mini-smartbot,
.img-titulo-mini-velocidade-da-luz,
.img-titulo-mini-morcegos,
.img-titulo-satelite-internacional,
.img-titulo-conformidade-lgpd,
.img-titulo-mini-sinaleiro-cupcode,
.img-titulo-mini-cupcode-magico,
.img-titulo-mini-teste-de-resistencia,
.img-titulo-mini-cientista-cupcode,
.img-titulo-mini-mobile-first-telas,
.img-titulo-template-padrao {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.img-titulo-mini-fusquinha img,
.img-titulo-garantia-2-anos img,
.img-titulo-suporte-tecnico img,
.img-titulo-indica-ai img,
.img-titulo-mini-astronauta-acima-da-nuvem img,
.img-titulo-mini-smartbot img,
.img-titulo-mini-velocidade-da-luz img,
.img-titulo-mini-morcegos img,
.img-titulo-satelite-internacional img,
.img-titulo-conformidade-lgpd img,
.img-titulo-mini-sinaleiro-cupcode img,
.img-titulo-mini-cupcode-magico img,
.img-titulo-mini-teste-de-resistencia img,
.img-titulo-mini-cientista-cupcode img,
.img-titulo-mini-mobile-first-telas img,
.img-titulo-template-padrao img {
  height: auto;
  max-width: 120px;
  max-height: 120px;
}
.img-titulo-mini-fusquinha h3,
.img-titulo-garantia-2-anos h3,
.img-titulo-suporte-tecnico h3,
.img-titulo-indica-ai h3,
.img-titulo-mini-astronauta-acima-da-nuvem h3,
.img-titulo-mini-smartbot h3,
.img-titulo-mini-velocidade-da-luz h3,
.img-titulo-mini-morcegos h3,
.img-titulo-satelite-internacional h3,
.img-titulo-conformidade-lgpd h3,
.img-titulo-mini-sinaleiro-cupcode h3,
.img-titulo-mini-cupcode-magico h3,
.img-titulo-mini-teste-de-resistencia h3,
.img-titulo-mini-cientista-cupcode h3,
.img-titulo-mini-mobile-first-telas h3,
.img-titulo-template-padrao h3 {
  font-size: 2.5rem;
  line-height: 1;
  margin: 0;
}
.img-titulo-mini-mobile-first-telas span.sub_titulo {
  background: #000000;
  border-radius: 30px;
  padding: 5px 15px;
}
.img-titulo-mini-mobile-first-telas .mini-mobile-first-telas {
  position: absolute;
  top: 10px;
  left: 10px;
}
.popup-texto-center {
  text-align: center;
}
.hide-lojas-virtuais {
  display: none;
}
.lojas-virtuais-home img.lojas-virtuais {
  max-width: 400px;
}

.hide-informacoes-legais {
  display: none;
}
.informacoes-legais-home img.informacoes-legais {
  max-width: 400px;
}
.suporte-tecnico h3 {
  font-size: 2.3rem;
  line-height: 1;
}
.espaco-tempo .width-overflow {
  width: 100%;
}
div#modalFusquinaTunado,
div#modalPazAmor {
  padding-right: 0px !important;
}
div#modalIndicaAi .modal-body-ver-mais-indicaai {
  background: linear-gradient(
    90deg,
    rgb(176, 65, 178) 0%,
    rgb(249, 215, 96) 100%
  );
}
div#modalIndicaAi p {
  font-size: 30px;
}
.bg-moedas {
  height: 70%;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: url(../../assets/img/conjunto-moedas-1.webp);
  background-repeat: repeat;
  background-size: 300px;
  z-index: 1;
  border-radius: 20px;
}
.slick-carousel-indicaai {
  z-index: 2;
  background: #ffffff60;
  padding: 45px 20px !important;
  border-radius: 20px;
  overflow: hidden;
}
.slick-carousel-indicaai ul.slick-dots button {
  bottom: 28px;
}
.slider-indicaai-box {
  height: 320px;
  background: #f1daff;
  padding: 30px;
  overflow: visible;
}
.slider-indicaai-box p {
  font-size: 15px !important;
}
.slider-indicaai-box img {
  position: relative;
  bottom: 70px;
  display: flex;
  margin: 0 auto;
  margin-bottom: -70px;
  max-height: 160px;
  opacity: 1 !important;
  transform: unset !important;
}
.slider-indicaai-box h3 {
  color: #951ddb;
}
div#modalIndicaAi .slick-slider .slick-track,
div#modalIndicaAi .slick-slider .slick-list {
  overflow: unset !important;
}

.slick-carousel-indicaai .slick-list.draggable {
  margin-right: 10%;
}
.hero-hospedagem {
  padding-top: 100px;
  padding-bottom: 20px;
  background: linear-gradient(rgb(2, 141, 255) 0%, rgb(157, 211, 255) 100%);
}
.hero-hospedagem h1 {
  font-size: 5rem;
  line-height: 1;
}
.hero-hospedagem .hero-hosting-desk {
  max-width: 350px;
  margin: 0 auto;
  display: flex;
}
.hero-hosting-mob {
  display: none;
}
.astronauta-acima-da-nuvem {
  max-width: 350px;
  display: flex;
  margin: 0 auto;
  position: relative;
  bottom: 20px;
  transform: scale(1.1) !important;
}
.mini-astronauta-acima-da-nuvem {
  position: relative;
  bottom: 48px;
}
.cupcode-aidar .cupcode-smartbot {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
}
.gerenciamento-alto-padrao h2,
.alta-perfomance h2 {
  line-height: 1;
  font-size: 3rem;
}
.width-100 {
  width: 100%;
}
.gerenciamento-alto-padrao img {
  max-width: 220px;
}
.alta-perfomance img {
  max-width: 130px;
}
.always-online .always-online {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
}
.seguranca-confiabilidade h2 {
  line-height: 1;
  font-size: 3.5rem;
}
.seguranca-confiabilidade img {
  max-width: 350px;
}
.hospedagem-wordpress h2 {
  font-size: 2.6rem;
  line-height: 1;
}
.hospedagem-wordpress .reds-img-fusquinha-tunado {
  z-index: 2;
}
.hospedagem-wordpress .luz-fusquinha {
  z-index: 3;
}
.box-popup-content-left,
.box-popup-content-right {
  display: flex;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  align-items: center;
}
.box-popup-content-right li {
  margin-left: 2rem;
  list-style: numer;
}
.box-popup-content-left img,
.box-popup-content-right img {
  max-width: 100%;
  display: flex;
  margin: 0 auto;
  max-height: 100%;
  padding: 10px;
}

div#modalAltaPerfomance .popup-texto-center p {
  font-size: 25px;
  line-height: 1;
}
.sticky-close-button {
  position: sticky;
  top: 70px;
  margin: 0 auto;
  display: grid;
  justify-content: end;
  z-index: 2;
  max-width: 1200px;
}
.modal-body-ver-mais .sticky-close-button button {
  position: absolute;
  right: 10px;
  border-radius: 50%;
  border: unset;
  width: 50px;
  height: 50px;
}
.modal-sticky-padding {
  padding: 30px 65px;
}
.slick-carousel-indicaai .slick-dots {
  bottom: 20px;
}
.ateamos-fogo-nos-muros img {
  max-width: 200px !important;
  transform: scale(1.2) !important;
}
.video-play {
  margin: 0 auto;
  display: flex;
  cursor: pointer;
}
div#videoModalBranding {
    padding: 10px;
}
video#videoPlayerBranding {
    width: 100%;
}
#videoModalComercial .modal-body,
#videoModalComercialCupcode .modal-body,
#videoModaltrailer .modal-body,
#videoModalMakingOf .modal-body,
#videoModalBrandingCards .modal-body,
#videoModalBranding .modal-body {
  position: relative;
  padding: 0px;
  display: flex;
}
#videoModalComercial .modal-dialog,
#videoModalComercialCupcode .modal-dialog,
#videoModalBrandingCards .modal-dialog,
#videoModaltrailer .modal-dialog,
#videoModalMakingOf .modal-dialog,
#videoModalBranding .modal-dialog {
  max-width: fit-content;
  max-height: inherit;
  display: flex;
  transform: translate(0, -50%);
  position: relative;
  top: 50%;
  margin: 0 auto;
}
#videoModalComercial .close,
#videoModalComercialCupcode .close,
#videoModalBrandingCards .close,
#videoModaltrailer .close,
#videoModalMakingOf .close,
#videoModalBranding .close {
  border-radius: 50%;
  border: none;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
  background: var(--pink);
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
#popupVideoComercial,
#popupVideoComercialCupcode,
#popupvideoTrailer,
#popupvideoMakingOf,
#videoPlayerBranding {
  max-width: 1000px;
  border-radius: 20px;
  max-height: 550px;
}
.hero-box .video-play {
  position: relative;
  bottom: 45px;
  z-index: 4;
  left: 300px;
  margin: unset;
  max-height: 34px;
  max-width: 51px;
}
#videoModalComercial .modal-content,
#videoModalComercialCupcode .modal-content,
#videoModalBrandingCards .modal-content,
#videoModaltrailer .modal-content,
#videoModalMakingOf .modal-content,
#videoModalBranding .modal-content {
  background: unset !important;
  border-radius: 20px;
  border: unset !important;
}
#popupVideoComercialClose img,
#videoModalComercialCupcodeClose img,
#popupVideoBrandingCardsClose img,
#videoModaltrailer img,
#videoModalMakingOf img,
#videoModalBrandingClose img {
  max-width: 16px;
  max-height: 16px;
}
div#videoModalBrandingCards video#popupVideoBrandingCards {
  width: 100%;
  border-radius: 20px;
}
.play-video-popup-comercial.vender-mais,
.play-video-popup-comercial-cupcode.vender-mais {
  position: relative;
  z-index: 5;
  bottom: 46px;
  left: 300px;
  margin: 0;
}
.quero-vender-mais .circle {
    position: absolute;
    bottom: 37px;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 3;
}
.home-page-section.hero-box .circle {
  position: absolute;
  bottom: 37px;
  height: auto;
  left: 50%;
  transform: translate(-50%, 0px);
  z-index: 3;
}

.home-page-section.hero-box h1 {
  font-size: 2.5rem;
  color: #951ddb;
}
.home-page-section.hero-box h2 {
  font-size: 1.2rem;
  font-weight: normal;
}
.home-page-section.hero-box img.hero-bolhas {
  max-width: 140px;
  right: -40px;
  position: absolute;
  top: -20px;
  z-index: 2;
}
.home-page-section.hero-box,
.home-page-section.quero-vender-mais {
  border-radius: 60px !important;
}
.alert-div {
  color: red;
  margin-top: 5px;
  font-size: 12px;
}
.parallax-section {
  position: relative;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 70%,
    rgba(0, 0, 0, 1) 100%
  ); /* Cor de fundo para dispositivos que não suportam paralaxe */
  overflow: hidden;
  padding: 0 !important;
}

.parallax-bg-1 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  z-index: 2; /* Coloca a imagem de fundo atrás do conteúdo */
}

.parallax-section h2 {
  font-size: 3.5rem;
}
.parallax-text-1 {
  padding: 100px;
  padding-bottom: 0;
  margin-top: 200px;
  text-align: center;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 1) 100%
  );
  z-index: 4;
  position: relative;
}
.parallax-text-1 p,
.parallax-text-2 p {
  font-size: 30px;
  line-height: 1.2;
  font-family: "Tomorrow";
  margin-bottom: 100px;
}
.parallax-text-2 p {
  margin-bottom: 0;
}
.parallax-bg-2 {
  height: 100%;
  width: 100%;
  z-index: 3;
  position: absolute;
  bottom: 0;
  background-attachment: fixed;
  background-size: cover;
  background-position: top;
}
.parallax-efeito-2 {
  padding: 0;
  position: relative;
  z-index: 5;
}
.z-index-5 {
  z-index: 5;
}
.parallax-text-2 {
  padding: 100px;
  text-align: center;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 97%,
    rgba(0, 0, 0, 1) 100%
  );
  z-index: 4;
  position: relative;
  padding-top: 0;
  height: 600px;
  display: flex;
  align-items: flex-end;
}
.lootiefile-menu-active {
  max-width: 25px;
  line-height: 1;
  display: flex;
  margin-right: -5px;
}
.menu2-mobile-fixed li.nav-item {
  display: flex;
  align-items: center;
}
.circulo-active {
  background: #05cc8a;
  height: 5px;
  width: 5px;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lootiefile-menu-active-mobile {
  max-width: 25px;
  line-height: 1;
  display: flex;
  margin-right: -5px;
}
.mt-140 {
  margin-top: 140px;
}
a img.chat-fale-conosco,
a svg.chat-fale-conosco {
  max-width: 25px;
  margin-left: 5px;
  transform: unset !important;
  height: auto;
  position: unset !important;
}
.fabrica-de-ideias h3 {
  font-size: 2.5rem;
}

h1#cidade {
  font-size: 20px;
  color: #951ddb;
  margin-top: 15px;
}
.antes-depois .flecha {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  max-width: 60px;
  min-width: 60px;
}
.section-full-giant-leap {
  z-index: 1;
  background: #000000;
}
.gerenciamento-e-manutencao h2 {
  font-size: 3.1rem;
  line-height: 1;
}
.desk-dp {
  display: none;
}
.desk-hide-f {
  display: none !important;
}
.box-planos.blue {
  background: linear-gradient(
    90deg,
    rgb(57, 138, 157),
    rgb(193, 229, 248) 100%
  );
  border-radius: 20px;
  padding: 2px;
}
.box-planos.green {
  background: linear-gradient(
    90deg,
    rgb(102, 159, 97),
    rgb(226, 251, 231) 100%
  );
  border-radius: 20px;
  padding: 2px;
}
.plano-1 {
  background: #dff0f8;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plano-manutencao-1,
.plano-manutencao-2,
.plano-manutencao-3,
.plano-manutencao-4 {
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plano-manutencao-1 {
  background-color: #dff0f8;
}
.plano-manutencao-2 {
  background-color: #ffeff4;
}
.plano-manutencao-3 {
  background-color: #f7eeff;
}
.plano-manutencao-4 {
  background-color: #eeffee;
}
.plano-manutencao-1 .list-planos-item,
.plano-manutencao-2 .list-planos-item,
.plano-manutencao-3 .list-planos-item,
.plano-manutencao-4 .list-planos-item {
  font-size: 14px;
}
.plano-manutencao-1 a.quero-esse-manutencao,
.plano-manutencao-2 a.quero-esse-manutencao,
.plano-manutencao-3 a.quero-esse-manutencao,
.plano-manutencao-4 a.quero-esse-manutencao {
  position: absolute;
  bottom: -20px;
  background: linear-gradient(rgb(245, 78, 253) 0%, rgb(149, 29, 219) 100%);
  color: white;
  padding: 5px 15px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
}
.plano-manutencao-1 a.quero-esse-manutencao:hover,
.plano-manutencao-2 a.quero-esse-manutencao:hover,
.plano-manutencao-3 a.quero-esse-manutencao:hover,
.plano-manutencao-4 a.quero-esse-manutencao:hover {
  background: linear-gradient(rgb(149, 29, 219) 0%, rgb(245, 78, 253) 100%);
  color: white;
}
img.bullet-20-0ff {
  position: absolute;
  max-width: 40px;
  right: -15px;
  bottom: 50px;
}
.lista-personalize-com-texto .c-texto,
.lista-personalize-texto-input {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.apartir-manutencao-de {
  position: relative;
  bottom: 10px;
}
.box-planos.pink {
  background: linear-gradient(
    90deg,
    rgb(176, 87, 114),
    rgb(248, 225, 239) 100%
  );
  border-radius: 20px;
  padding: 2px;
}
.plano-2 {
  background: #ffeff4;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box-planos.purple {
  background: linear-gradient(
    90deg,
    rgb(136, 97, 159),
    rgb(241, 226, 251) 100%
  );
  border-radius: 20px;
  padding: 2px;
}
.plano-3 {
  background: #f7eeff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box-planos.yellow {
  background: linear-gradient(
    90deg,
    rgb(136, 97, 159),
    rgb(241, 226, 251) 100%
  );
  border-radius: 20px;
  padding: 2px;
}
.plano-4 {
  background: #f7eeff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plano-footer {
  text-align: center;
  padding-bottom: 30px;
}
p.apartir-de {
    margin: 0;
    font-size: 13px !important;
    position: relative;
    top: 5px;
    left: -5px;
}
p.no-pagamento-anual {
  font-size: 12px !important;
  position: absolute;
  bottom: 44px;
  left: 50%;
  transform: translate(-50%, 0px);
  margin: 0;
}
.plano-footer h3.valor-plano {
  font-size: 40px;
  margin-top: -5px;
}
.head-comprar-host {
  padding-bottom: 140px;
}
.head-plano {
  margin: 0 auto;
  padding: 0px;
  text-align: center;
}
.head-plano img {
  height: 150px;
  max-width: 100%;
  display: flex;
  margin: 0 auto;
  object-fit: contain;
  margin-top: -140px;
}
ul.list-planos {
  padding: 0;
  min-height: 430px;
}
.plano-body {
  width: 100%;
}
li.list-planos-item {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
  align-items: center;
  font-size: 15px;
}
li.list-planos-item img {
  max-width: 25px;
  max-height: 25px;
}

h3.valor-plano small,
h3.valor-plano sup {
  color: #276cb0;
  font-size: 0.5em;
}
.cpmt-desempenho img.desempenho-de-alta-performance,
.cpmt-seguranca img.seguranca-robusta-e-monitoramento,
.cpm-cpu-multicore img.img-cpu-multicore,
.cpm-escalabilidade-sob-demanda .img-blocos-de-brinquedo,
.cpmt-suporte-especializado .img-suporte-premium-ao-cliente {
  max-height: 280px;
}
.cpmt-desempenho h2,
.cpmt-seguranca h2,
.cpm-cpu-multicore h2,
.cpm-escalabilidade-sob-demanda h2,
.cpmt-suporte-especializado h2,
.cmp-hospedagem-compartilhada h2 {
  font-size: 2.8rem;
  line-height: 1;
}
.cpmt-backups h2 {
  line-height: 1;
  font-size: 4rem;
}
.cpmt-backups img.backups-que-salvam {
  margin-top: -40px;
  margin-bottom: -40px;
  max-height: 280px;
}
.cpmt-desempenho .box-ver-mais-informacao img,
.cpmt-seguranca .box-ver-mais-informacao img,
.cpmt-backups .box-ver-mais-informacao img,
.adr-porteiro-digital .box-ver-mais-informacao img,
.cpm-cpu-multicore .box-ver-mais-informacao img,
.cpm-escalabilidade-sob-demanda .box-ver-mais-informacao img {
  max-height: 220px;
}
.cpmt-sevidores-dedicados .astronauta-acima-da-nuvem-fio-longo {
  position: absolute !important;
  top: -120px;
  left: 55% !important;
  transform: translate(-50%, 0) !important;
  max-width: 240px !important;
}
.cpm-travesseiro-cupcode {
  min-height: 500px;
}
.cmp-hospedagem-compartilhada img {
  max-height: 250px;
}
img.img-travesseiro-cupcode {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  transform: rotate(335deg) !important;
  scale: 0.5 !important;
  position: relative;
  right: 55px;
  pointer-events: none;
}
img.img-luz-sirene-emergencia {
  max-height: 300px;
  position: absolute;
  top: 90px;
  transform: scale(2) !important;
  left: -40px;
  pointer-events: none;
}
@keyframes opacityRed {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.opacityRed {
  animation: opacityRed 0.8s infinite;
}
.cpmt-hospedagem-wordpress img.host-fusquinha-tunado,
.cpmt-hospedagem-wordpress img.host-luz-fusquinha {
  z-index: 2;
  left: 425px !important;
  bottom: 265px;
  transform: scale(2.5) !important;
  max-width: 240px !important;
  top: unset;
  right: unset;
  position: absolute;
}
.cpmt-hospedagem-wordpress h2 {
  font-size: 2.8rem;
  line-height: 1;
}
.cpmt-sevidores-dedicados h2 {
  font-size: 2.2rem;
  line-height: 1;
}
.cpmt-sevidores-dedicados span {
  font-size: 23px;
  line-height: 1;
}
.cpmt-host-compartilhada nav .desktop-nav li a {
  color: var(--lpurple);
}
.cpmt-host-compartilhada .menu2-mobile-fixed {
  position: fixed;
  z-index: 12;
  width: 100%;
  left: 0;
  transition: all 400ms ease;
}
.cpmt-host-compartilhada .navegacao-menu-2 {
  margin-top: 64px;
  height: 60px;
  background: #004aad45;
  padding: 0 !important;
}
.cpmt-host-compartilhada .navegacao-menu-2 .container-fluid {
  max-width: 1200px;
  display: flex;
  padding: 0px;
  flex-wrap: nowrap;
}

.cpmt-host-compartilhada div#navbarMenu2 {
  display: flex;
  float: right;
  justify-content: flex-end;
}

.cpmt-host-compartilhada div#navbarMenu2 ul.navbar-nav {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.cpmt-host-compartilhada div#navbarMenu2 ul.navbar-nav a {
  font-family: "Fractul Regular";
  color: #18013a;
  font-size: 14px;
  padding: 10px;
}
.cpmt-host-compartilhada div#navbarMenu2 ul.navbar-nav a.active {
  color: #276cb0;
}
.cpmt-host-compartilhada .navegacao-menu-2 a.navbar-brand {
  font-size: 30px;
  color: #18013a;
  font-family: "Tomorrow", sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.cpmt-host-compartilhada .navegacao-menu-2 button.navbar-toggler {
  display: none;
}
.cpmt-host-compartilhada .nav-container.menu-fixo-active + .menu2-mobile-fixed {
  margin-top: -20px;
  transition: all 400ms ease;
}
.cpmt-host-compartilhada
  .nav-container.menu-fixo-active
  + .menu2-mobile-fixed
  .navegacao-menu-2 {
  background-color: white;
}
.cpmt-host-compartilhada .hidden-menu-active + .menu2-mobile-fixed {
  margin-top: -64px !important;
  transition: all 400ms ease;
}
.cpmt-host-compartilhada .nav-container.menu-fixo-active + .navegacao-menu-2 {
  margin-top: 64px;
  height: 60px;
  background: #004aad45;
}
.cpmt-host-compartilhada .menu2-mobile-fixed a.navbar-brand img {
  width: 140px;
  display: inline-flex;
  margin-right: 10px;
}
.cpmt-host-compartilhada .menu2-mobile-fixed a.navbar-brand img {
  opacity: 0; /* inicialmente invisível */
  scale: 0; /* escala o elemento para baixo para que ele não ocupe espaço */
  transition:
    opacity 400ms ease,
    transform 400ms ease; /* anima tanto a opacidade quanto a transformação */
  transform: translate(-140px, 0px) !important;
}

.cpmt-host-compartilhada
  .hidden-menu-active
  + .menu2-mobile-fixed
  a.navbar-brand
  img {
  opacity: 1 !important; /* torna o elemento visível */
  scale: 1 !important; /* retorna o elemento ao tamanho normal */
  transition:
    opacity 400ms ease,
    transform 400ms ease;
  transform: translate(
    0px,
    0px
  ) !important; /* anima tanto a opacidade quanto a transformação */
}
.cpmt-host-compartilhada
  .menu2-mobile-fixed
  .navegacao-menu-2
  a.navbar-brand
  span {
  transform: translate(-140px, 0px) !important;
  transition:
    opacity 400ms ease,
    transform 400ms ease;
  position: absolute;
}
.cpmt-host-compartilhada
  .hidden-menu-active
  + .menu2-mobile-fixed
  .navegacao-menu-2
  a.navbar-brand
  span {
  transition:
    opacity 400ms ease,
    transform 400ms ease;
  transform: translate(0px, 0px) !important;
}
.adr-vigilancia img.img-video-vigilancia,
.adr-seguranca img.img-autorrecao-aidar-smartbots {
  max-height: 250px;
}
.adr-vigilancia h2,
.adr-seguranca h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.adr-machine-learning h2,
.adr-acao-humana h2,
.adr-analise-de-dados h2,
.adr-gestao-de-processos h2,
.adr-porteiro-digital h2 {
  font-size: 3rem;
  line-height: 1;
}
.adr-machine-learning img {
  max-width: 450px;
  margin: 0 auto;
  display: flex;
}
.adr-machine-learning span,
.adr-acao-humana span,
.adr-analise-de-dados span,
.adr-gestao-de-processos span,
.adr-porteiro-digital span {
  font-size: 25px;
}
.adr-analise-de-dados .img-analise-da-cupcode,
.adr-acao-humana img.img-sirene-emergencia {
  max-height: 250px;
  margin: 0 auto;
  display: flex;
}
.bg-adr-porteiro-digital-two {
  background-image: url(../../assets/img/bg-clouds.png);
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.bg-adr-porteiro-digital-one {
  background-image: url(../../assets/img/bg-nuvems.webp);
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.adr-porteiro-digital img.img-porteiro-digital {
  z-index: 3;
  position: relative;
}
.adr-gestao-de-processos img.img-gangorra-certo-errado,
.adr-porteiro-digital img.img-porteiro-digital {
  max-height: 250px;
  margin: 0 auto;
  display: flex;
}
.adr-brindagem .img-cupcode-brindagem {
  max-width: 450px;
  display: flex;
  margin: 0 auto;
}
.adr-privacidade h2,
.adr-whitelist-app h2 {
  font-size: 3rem;
  line-height: 1;
}
.adr-privacidade img.img-morcegos,
.adr-whitelist-app img.img-whitelist-app {
  max-width: 300px;
  display: flex;
  margin: 0 auto;
}
.ajuda-especialista {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
  z-index: 1;
}
.especialista-img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.personalizado-titulo {
  padding-left: 2rem;
  font-size: 25px !important;
}
.ajuda-especialista p {
  font-size: 15px;
}
.especialista-texto p {
  margin: 0;
}
.personalizado-titulo {
  padding-left: 2rem;
  font-size: 25px !important;
}
.ajuda-especialista p {
  font-size: 15px;
}
.especialista-texto p {
  margin: 0;
}
.imagem-astronauta-animation {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  transform-origin: top center; /* 🧷 âncora de rotação */
  animation: balancoAstronauta 2.5s ease-in-out infinite alternate;
}

@keyframes balancoAstronauta {
  0% {
    transform: translateX(-50%) rotate(-10deg);
  }
  100% {
    transform: translateX(-50%) rotate(10deg);
  }
}

.comprar-hospedagem-escolha h1 {
  font-size: 2rem;
  text-align: center;
  width: 100%;
  padding-top: 150px;
}
.comprar-hospedagem-escolha h1 .btn-chevron-prev,
.comprar-hospedagem-escolha h1 .btn-chevron-next {
  position: unset !important;
  display: flex;
  flex-direction: column;
  background: #004aad;
}
.comprar-hospedagem-escolha h2 {
  font-size: 1.2rem;
  height: 48px;
}
.box-host-dedicado,
.box-host-compartilhado,
.box-host-personalizar,
.box-manutencao-padrao {
  height: 450px;
  margin-right: 20px;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.box-manutencao-padrao {
  height: 380px;
}
.box-host-dedicado {
  background: linear-gradient(rgb(149, 182, 255) 0%, rgb(34, 109, 253) 100%);
}
.box-host-compartilhado {
  background: linear-gradient(rgb(143, 0, 146) 0%, rgb(38, 93, 198) 100%);
}
.box-host-dedicado h2,
.box-host-compartilhado h2,
.box-manutencao-padrao h2 {
  font-size: 2.5rem;
  line-height: 1;
}
.box-host-dedicado img.astronauta-na-nuvem {
  position: absolute;
  top: -75px;
  width: 190px;
  display: flex;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, 0) !important;
}
.box-host-compartilhado img {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
}
.box-host-personalizar .host-head-left img {
  max-width: 100px;
}
.box-host-personalizar {
  height: auto;
  gap: 20px;
  padding: 30px;
  padding-bottom: 50px;
  margin-right: 0;
  justify-content: start;
}
.box-host-personalizar .btn-chevron-prev {
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
}
.box-host-personalizar .btn-chevron-prev img,
.box-host-personalizar .btn-chevron-prev svg,
.box-manutencao-padrao .btn-chevron-prev img,
.box-manutencao-padrao .btn-chevron-prev svg {
  width: 50px;
  height: 50px;
}
.box-manutencao-padrao img {
  max-height: 250px;
  margin: 0 auto;
  display: flex;
}
.box-manutencao-padrao span {
  font-size: 11px;
  line-height: 1;
}
.box-manutencao-padrao h2 {
  font-size: 1.4rem;
}
.valor-apartir-de-mn a {
  font-size: 14px;
}
.box-manutencao-padrao .btn-chevron-next {
  width: 30px;
  height: 30px;
}
.host-head-left h2 {
  font-size: 2rem;
  margin-bottom: 0;
}
#calculoValor .personalize-sua-hospedagem {
  max-height: 550px;
  overflow: auto;
  padding-right: 10px;
  padding-top: 30px;
}
#calculoValor .personalize-sua-manutencao {
  max-height: 710px;
  overflow: auto;
  padding-right: 10px;
  padding-top: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.border-radial {
  padding: 2px !important;
  border-radius: 20px;
}
.border-radial.green {
  background: linear-gradient(
    90deg,
    rgb(57, 138, 157),
    rgb(193, 229, 248) 100%
  );
  position: relative;
  height: max-content;
}
.btn-chevron-next,
.btn-chevron-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: white;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 0;
  overflow: hidden;
}
.btn-chevron-next img,
.btn-chevron-next svg,
.btn-chevron-prev img,
.btn-chevron-prev svg {
  height: 60px;
  width: 60px;
  display: flex;
  margin: 0 auto;
  top: 50%;
  right: -50%;
  position: relative;
  transform: translate(-50%, -50%);
}
.btn-chevron-next a,
.btn-chevron-prev a {
  width: inherit;
  height: inherit;
}
.btn-chevron-prev {
  right: unset;
  left: 20px;
}
.btn-chevron-prev img,
.btn-chevron-prev svg {
  rotate: unset;
}
.comprar-hospedagem-escolha .elemento-absoluto img {
  position: absolute;
}
.comprar-hospedagem-escolha .elemento-absoluto img:nth-child(1) {
  left: -40px;
  width: 150px;
  top: 20px;
}
.comprar-hospedagem-escolha .elemento-absoluto img:nth-child(2) {
  right: 450px;
  width: 70px;
  top: 10px;
}
.comprar-hospedagem-escolha .elemento-absoluto img:nth-child(3) {
    right: -50px;
    width: 200px;
}
.comprar-hospedagem-escolha .head-plano h2 {
  color: #004aad;
}
button#pills-dedicada-tab,
button#pills-compartilhada-tab,
button#pills-mensal-tab,
button#pills-anual-tab {
  display: flex;
  text-align: left;
  padding-right: 55px;
  border: solid 2px #ffffff;
  border-radius: 20px;
  line-height: 1.2;
  position: relative;
}
button#pills-dedicada-tab img,
button#pills-compartilhada-tab img,
button#pills-mensal-tab img,
button#pills-anual-tab img {
  max-width: 50px;
  position: absolute;
  top: 0;
  right: 5px;
  max-height: 100%;
}
button#pills-dedicada-tab img,
button#pills-anual-tab img,
button#pills-mensal-tab img {
  top: 50%;
  transform: translate(0px, -50%) !important;
}
button#pills-compartilhada-tab img {
  top: 50%;
  transform: translate(0px, -50%) !important;
}
button#pills-dedicada-tab,
button#pills-mensal-tab {
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(157, 211, 255) 100%);
}
button#pills-compartilhada-tab,
button#pills-anual-tab {
  background: linear-gradient(rgb(235, 183, 241) 0%, rgb(255, 255, 255) 100%);
}
ul#pills-tab {
  gap: 10px;
  justify-content: center;
}
button#pills-dedicada-tab.active,
button#pills-mensal-tab.active {
  border: solid 2px #004aad;
}
button#pills-compartilhada-tab.active,
button#pills-anual-tab.active {
  border: solid 2px #951ddb;
}
.head-comprar-host h6,
.head-comprar-host a {
  margin-bottom: 10px;
  text-decoration: none;
}

.config-apartir-de {
  font-size: 12px;
  font-weight: bold;
}
.config-manutencao-apartir-de {
  font-size: 14px;
}
.host-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
ul.lista-personalize span {
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  padding-left: 20px;
}
ul.lista-personalize li {
  background: white;
  padding: 20px;
  border-radius: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  border: solid 2px #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
ul.lista-personalize li small {
  position: absolute;
  bottom: 0;
  font-size: 12px;
  color: red;
}
ul.lista-personalize li span {
  font-size: 20px;
}
ul.lista-personalize li > span.adc-valor,
ul.lista-personalize li > span.adc-valor-default {
  font-size: 15px;
  font-weight: normal;
  padding: 0;
}
ul.lista-personalize li.active {
  border: solid 2px #276cb0;
}
ul.lista-personalize li.active span.adc-valor,
ul.lista-personalize li span.adc-valor-default.invisivel {
  opacity: 0;
}
ul.lista-personalize li.invisivel-active {
  border: solid 2px #276cb0 !important;
}
.valor-total-personalizado {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px;
  z-index: 3;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.valor-total-personalizado .plano-footer a {
  background: #276cb0;
  padding: 5px 20px;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

.pb-valor-personalizado {
  padding-bottom: 120px;
}
.valor-total-personalizado .plano-footer {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0;
}
.valor-total-personalizado .plano-footer h3.valor-plano {
  margin: 0;
}
.cpmt-host-compartilhada img.img-fusquinha-tunado,
.cpmt-host-compartilhada img.luz-foral-fusquinha {
  left: 300px;
  top: 100px !important;
  bottom: 105px;
  transform: scale(2) !important;
  max-width: 200px !important;
  position: absolute !important;
}
.plano-calculador {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 50px;
}
.plano-calculador h3 {
  margin-bottom: 0;
}
ul.lista-personalize li {
  cursor: pointer;
}
.roll-alerta {
  position: fixed;
  top: 124px;
  z-index: 10;
  background: #c40102;
  color: white;
  left: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.icon-alert-abs {
  padding: 10px;
  background: #c40102;
  z-index: 2;
}
.icon-alert-abs img {
  height: auto;
  max-height: 60px;
  min-width: 75px;
}
.aviso-alerta {
  position: fixed;
  top: 220px;
  z-index: 10;
  left: 0;
  width: 350px;
  text-align: center;
  background: #c40102;
  overflow: hidden;
  border-radius: 0px 20px 20px 0;
  display: none;
}
.aviso-head h3,
.aviso-body p {
  margin: 0;
}
.aviso-head h3 {
  font-size: 25px;
  color: white;
}
.aviso-body p {
  font-size: 15px;
}
.atencao-links {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
}
.atencao-links a {
  text-decoration: underline !important;
  font-size: 15px;
  font-weight: bold;
  color: white;
}
.modal-body-ver-mais {
  padding-right: 0 !important;
}
.aviso-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aviso-body {
  background: #000;
  color: white;
  padding: 10px;
  border-radius: 0px 20px 20px 0;
}
button.close-alerta {
  background: unset;
  border: unset;
  max-width: 35px;
  position: absolute;
  right: 10px;
}
@keyframes moveRight {
  from {
    transform: translateX(25%);
  }
  to {
    transform: translateX(-100%);
  }
}
.body-alert-roll p {
  white-space: nowrap;
  margin: 0;
  font-size: 25px;
  overflow: hidden; /* Esconde o texto que sai dos limites do elemento */
  display: block; /* Garante que o parágrafo se comporte como um bloco para a animação */
  animation: moveRight 20s linear; /* Aplica a animação */
}
.roll-alerta.animation-end {
  border-radius: 0px 15px 15px 0px;
  max-width: 95px;
  overflow: hidden;
  cursor: pointer;
}

div#modalNotClientHost .modal-footer,
div#modalClientHost .modal-footer {
  padding: 0 !important;
  justify-content: space-between;
}
.sites-internacionais {
  min-height: 650px;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px;
  padding-top: 60px;
}
.sites-internacionais img.img-terra-inverso {
  bottom: -2px;
  left: -5px;
  position: absolute;
  max-width: 200px;
}
.sites-internacionais img.img-satelite-internacional {
  position: relative;
  max-width: 250px;
  left: 350px;
  bottom: 30px;
  transform: scale(2.3) !important;
}
.sites-internacionais .box-texto-servicos {
  width: 65%;
}
.sites-internacionais .planetas-img:nth-child(6) {
  top: 450px;
  right: 20px;
  left: unset;
  width: 30px;
}
.sites-internacionais .planetas-img:nth-child(2) {
  top: 20px;
  right: 60px;
  width: 100px;
  transform: rotate(15deg) !important;
  opacity: 0.3 !important;
}
.sites-internacionais .planetas-img:nth-child(5) {
  top: 10px;
  left: 20px;
  width: 50px;
  transform: rotate(90deg) !important;
}
.sites-internacionais .planetas-img:nth-child(4) {
  top: 204px;
  left: 30px;
  width: 60px;
}
.sites-internacionais .planetas-img:nth-child(7) {
  top: 300px;
  width: 60px;
  left: 350px;
  opacity: 0.4 !important;
}
.sites-internacionais .planetas-img:nth-child(3) {
  top: 500px;
  right: unset;
  width: 50px;
  left: 200px;
}
.sites-internacionais .planetas-img:nth-child(8) {
  left: 130px;
  width: 30px;
  top: 500px;
  rotate: 80deg;
}
.hero.luz-fusquinha-full-width,
.hero.fusquinha-tunado-full-width {
  position: absolute !important;
  left: 50px;
  bottom: 40px !important;
  top: unset;
  transform: scale(1.8) !important;
}
.cupcode-smart-bot-half .img-sub-titulo {
  display: flex;
  align-items: center;
  max-height: 50px;
  gap: 10px;
}
.cupcode-smart-bot-half .img-sub-titulo img {
  max-height: 50px;
}
.cupcode-smart-bot-half h3,
.conformidade-lgpd-half h3 {
  font-size: 3.5rem;
  line-height: 1;
}

.conformidade-lgpd-half h3 {
  text-align: right;
}
.conformidade-lgpd-half .width-overflow {
  width: 100%;
  overflow: hidden;
  text-align: right;
}
.cupcode-smart-bot-half .img-half-cupcode-smartbot,
.conformidade-lgpd-half .img-half-lgpd-cookies {
  max-height: 250px;
}
.gap-40 {
  gap: 40px !important;
}

.gap-0 {
  gap: 0px !important;
}
.teste-de-resistencia h2 {
  font-size: 4rem;
  line-height: 1;
}
.teste-de-resistencia {
  min-height: 500px;
}
.teste-de-resistencia .space-between {
  min-height: 400px;
}
img.cupcode-teste-de-resistencia {
  transform: scale(1.2) !important;
  position: relative;
  right: 60px;
}
.ciencia-do-site .box-img-servicos {
  min-height: 300px;
}
.ciencia-do-site img.img-cientista-cupcode {
  position: absolute;
  bottom: -20px;
  right: -50%;
  transform: translate(50%, 0px) !important;
  max-height: 350px;
}

@keyframes piscar {
  0%,
  5%,
  20%,
  25%,
  45%,
  50%,
  70%,
  75%,
  95%,
  100% {
    opacity: 0; /* Olhos fechados na maior parte do tempo */
  }
  10%,
  30%,
  55% {
    opacity: 1; /* Olhos abertos em intervalos específicos */
  }
}

.olhos-fechados {
  animation: piscar 3s infinite;
}
.mobile-first-telas .sub_titulo {
  background: #000;
  padding: 5px 15px;
  border-radius: 20px;
  margin: 0 auto;
  display: flex;
  max-width: max-content;
}
.mobile-first-telas .img-mobile-first-telas {
  max-width: 400px !important;
}
div#accordionFlushSeoPosition {
  width: 100%;
}
.topo-das-pesquisas .accordion-button {
  color: var(--lblue);
}
.topo-das-pesquisas .accordion-button::after {
  background-image: var(--bs-accordion-btn-active-icon);
}
span.bg-text-red {
  background: #c10200;
  color: #f19bff;
  font-size: 25px;
  margin-left: 3px;
  font-weight: 400;
}
img.filtro-anti-alien {
  width: 400px;
  margin: 0px auto;
  transform: scale(1.3);
}
.desenvolvimento-webp-apps h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.hospedagem-full-width h2 {
  font-size: 4rem;
  line-height: 1;
}
.hospedagem-full-width .box-space-between {
  height: 450px;
}
.hospedagem-full-width img.hosting {
  max-width: 400px;
  margin: 0 auto;
}
#modalMobileFirstTelas .modal-sticky-padding {
  border: solid 15px #000000;
}
.seo-auto-preencher {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.seo-auto-preencher img {
  max-width: 100px;
}
.seo-auto-preencher input {
  border-radius: 20px !important;
  padding: 3px 15px;
  font-size: 15px;
  width: 100%;
  pointer-events: none;
}
.proporcao-aurea .width-overflow,
.aspiracoes-principios .width-overflow,
.tons-de-sucesso .width-overflow,
.tom-de-voz .width-overflow,
.tipografia-da-fonte .width-overflow,
.elemento-grafico-charme .width-overflow,
.influencer-digital .width-overflow,
.apresentacao-comercial .width-overflow {
  min-width: 100%;
}
.proporcao-aurea img,
.aspiracoes-principios img,
.tons-de-sucesso img,
.tom-de-voz img,
.tipografia-da-fonte img,
.elemento-grafico-charme img,
.influencer-digital img,
.apresentacao-comercial img {
  max-height: 250px;
}
.proporcao-aurea h2,
.tons-de-sucesso h2,
.tipografia-da-fonte h2,
.elemento-grafico-charme h2,
.influencer-digital h2,
.apresentacao-comercial h2 {
  font-size: 3rem;
  line-height: 1;
}
.tom-de-voz h2,
.aspiracoes-principios h2 {
  font-size: 2.5rem;
  line-height: 1;
}
.frankenstein h2 {
  font-size: 4rem;
  line-height: 1;
}
.manual-da-marca h2 {
  font-size: 2.8rem;
}
.frankenstein img,
.manual-da-marca img {
  max-height: 450px;
  display: flex;
  margin: 0 auto;
}
.page-branding .display-md-none {
  display: none;
}
.temp-texto h2:nth-child(2) {
  display: none;
}
/* [data-has-links] * {
  cursor: pointer;
} */
div#loadingScreen {
  display: flex;
  flex-direction: column;
}
#rocket-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

#rocket-ship {
  width: 100px; /* Ajuste aqui as definições, pois eu não sei como vai ficar... */
  transform-origin: 50% 50%;
}
.max-height-600 {
  max-height: 600px;
  overflow: auto;
}
.max-height-300 {
  max-height: 300px;
}
.max-width-450 {
  max-width: 450px;
}
.qxCTlb {
  display: none;
}
.align-iconlottie {
  display: flex;
  align-items: center;
  gap: 5px;
}
.step.step-finalizacao .form-check {
  display: flex;
  align-items: center;
}

video.de-volta-para-a-cupcode {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 1000px;
}
.overlay-dark {
  position: absolute;
  left: 0;
  height: 100%;
  width: 450px;
  background: linear-gradient(
    267deg,
    rgba(0, 0, 0, 0.02) 5%,
    rgba(0, 0, 0, 0.9473039215686274) 32%,
    rgba(0, 0, 0, 1) 100%
  );
  z-index: 1;
}
.maintitle {
  position: absolute;
  top: 0px;
  left: -25px;
  width: max-content;
  transform-origin: 10% 20%;
  transform: scale(0.5);
  font-family: "Back to the Future 2002";
  font-size: 6rem;
  color: white;
  background: linear-gradient(red, orange, gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(4px 4px 0 #fff) drop-shadow(-4px -4px 0 #fff)
    drop-shadow(4px -4px 0 #fff) drop-shadow(-4px 4px 0 #fff)
    drop-shadow(2px 2px 4px #000);
  line-height: 1.1;
}

.maintitle .small-container {
  font-size: 2.3rem;
  text-align: center;
}
.maintitle span {
  font-family: "Back to the Future 2002";
}
.maintitle .line {
  display: flex;
  gap: 30px;
  align-items: center;
  font-size: 5rem;
  margin-left: 20px;
}
.title-de-volta-futuro {
  min-height: 100px;
}
.delorean-com-sombra {
  position: relative;
  z-index: 1;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
}

.suporte-hero-n1 img {
  max-height: 400px;
  margin: 0 auto;
}
.suporte-half-n1 img,
.suporte-half-n2 img {
  max-height: 250px;
}
.mini-half-card {
  border-radius: 20px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  justify-content: space-between;
}
.mini-half-card img {
  max-width: 190px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
}
.mini-half-card a,
.mini-half-card p,
.mini-half-card h4 {
  margin: 0;
}
.lista-mini-half-card {
  gap: 20px 0;
}
.lista-mini-half-card a {
  text-decoration: none;
}
.section-video-aulas {
  height: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  min-height: 500px;
}
.section-video-aulas img {
  max-height: 350px;
  margin: 0 auto;
}
img.logo-cupcode-school {
  position: absolute;
  height: 100px;
  top: -50px;
  left: 20px;
}
.cupcode-manutencao img {
  max-width: 450px;
  margin: 0 auto;
  display: flex;
}
.fs-2rem {
  font-size: 2rem;
  line-height: 2rem;
}
.fs-2-5rem {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.fs-3rem {
  font-size: 3rem;
  line-height: 3rem;
}
.fs-4rem {
  font-size: 4rem;
  line-height: 4rem;
}
.fs-5rem {
  font-size: 5rem;
  line-height: 5rem;
}
.min-height-200 {
  min-height: 200px;
}
.min-height-400 {
  min-height: 400px;
}
.min-height-500 {
  min-height: 500px;
}
.mini-half-card img.astronauta-acima-da-nuvem {
  position: absolute;
  top: -140px;
  left: 55%;
  transform: translate(-50%, 0) !important;
}
.status-de-servicos img:last-child {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) !important;
  top: 0;
}
.card-contato-cupcode {
  border-radius: 20px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.row-card-contato-cupcode a {
  text-decoration: none;
}
.card-contato-cupcode h4 {
  font-size: 20px;
  margin: 0;
  color: var(--dpurple);
}
.card-contato-cupcode img {
  max-height: 200px;
}
.bg-orcamento-politico-main {
  background: #e7c1ff;
  border-radius: 20px;
  padding: 20px 10px;
  margin-bottom: 10px;
}
.bg-orcamento-politico {
  background: #deb9ed;
  padding: 15px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bg-orcamento-politico .cem-campanha-municipal .space-checkbox,
.bg-orcamento-politico .cee-campanha-estadual .space-checkbox,
.bg-orcamento-politico .cef-campanha-federal .space-checkbox,
.bg-orcamento-politico .gpf-campanha-federal .space-checkbox,
.bg-orcamento-politico .gpe-campanha-estadual .space-checkbox,
.bg-orcamento-politico .gpm-campanha-municipal .space-checkbox,
.bg-orcamento-politico .tpo-partido .space-checkbox,
.bg-orcamento-politico .objetivos-de-marketing-padding .space-checkbox,
.bg-orcamento-politico .ppo-objetivos-padding .space-checkbox {
  padding-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-checkbox-left-disabled .padding-disabled-active {
  padding-left: 50px;
}
.padding-left-35 {
  padding-left: 35px;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.cases-dp-md {
  display: none !important;
}
li.cases-de-sucesso-destaque {
  background: #ffe2e2;
  border-radius: 20px;
}
.row-card-mini-half-card .card-mini-half-card h4,
.row-card-mini-half-card .card-mini-half-card a {
  font-size: 15px;
  text-decoration: none;
}
.card-mini-half-card.nth-1 .mini-half-card,
.card-mini-half-card.nth-3 .mini-half-card {
  margin-right: 10px;
}
.hero-games img {
  max-height: 250px;
  position: relative;
  z-index: 1;
}
.hero-games {
  min-height: 600px;
}
.hero-games span {
  text-shadow:
    1px 0 #fff,
    -1px 0 #fff,
    0 1px #fff,
    0 1px #fff,
    1px 1px #fff,
    -1px -1px #fff,
    1px -1px #fff,
    -1px 1px #fff;
  font-size: 2rem;
}
.hero-games h1 {
  text-shadow:
    1px 0 #fff,
    -1px 0 #fff,
    0 1px #fff,
    0 1px #fff,
    1px 1px #fff,
    -1px -1px #fff,
    1px -1px #fff,
    -1px 1px #fff;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
}
.hero-games-video video {
  position: absolute;
  left: 0;
  top: 0;
}
.experiencia-imersiva-level-up {
  min-height: 500px;
  border-radius: 20px;
  overflow: hidden;
  padding: 40px;
  z-index: 1;
}
.background-experiencia-imersiva-level-up {
  background: #ffffff;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  right: 0;
  z-index: 2;
  clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 40% 100%);
}
.experiencia-imersiva-level-up img.level-up-games-elements-1 {
  position: absolute;
  right: 20px;
  max-height: 80px;
  top: 20px;
}
.experiencia-imersiva-level-up img.level-up-games-elements-2 {
  position: absolute;
  right: 0;
  max-height: 150px;
  bottom: 0;
}
.experiencia-imersiva-row-text {
  display: flex;
  align-items: center;
  min-height: 440px;
  align-content: space-between;
}
.experiencia-imersiva-row-text span {
  font-size: 1.5rem;
}
.experiencia-imersiva-row-text h2 {
  font-size: 4rem;
  line-height: 1;
}
.remasterizando-mundo-digital h2 {
  font-size: 4rem;
}
.remasterizando-mundo-digital .swiper-popup-carrousel {
  max-width: 500px;
}
.pocao-de-mana img,
.pocao-de-vida img {
  scale: 1.15 !important;
}
.games-suporte-que-voce-precisava img {
  max-width: 100% !important;
  max-height: 340px;
}
.half-servicos-de-manutencao img {
  max-width: 100% !important;
  max-height: 340px;
}
.nada-de-site-estatico img {
  max-width: 100% !important;
  max-height: 340px;
  scale: 1.4 !important;
  z-index: revert-layer;
  transform: none !important;
}
.img-vigilancia-cibernetica {
  max-width: 220px !important;
  position: relative;
  right: 100px;
  transform: scale(1.1) !important;
}

.viva-antes-de-jogar img {
  width: 100%;
  margin: 0 auto;
  display: flex;
  max-width: 450px;
}
.viva-antes-de-jogar h2 {
  font-size: 3rem;
}
.img-primeiro-lugar img {
  scale: 1.4 !important;
  transform: unset !important;
}
.experiencia-imersiva-level-up spline-viewer {
  position: absolute;
  left: 0;
  max-width: 50%;
  z-index: 1;
  top: 0;
}
.atualizacao-tematica video,
.reestruturacao-de-codigo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
}
.espaco-digital img.img-espaco-digital,
.reducao-de-imagem img.img-reducao-de-imagem,
.paleta-de-cores img.img-paleta-de-cores {
  max-height: 250px;
}
.animation-blindagem {
  position: relative;
  height: 450px;
}
.animation-blindagem {
  position: relative;
}
.animation-blindagem img {
  position: absolute;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  left: 50%;
  transform: translate(-50%, 0px) !important;
}
.agilidade-resolucao {
  background: url(../img/bg-ninja.jpg);
  background-size: cover;
}
.agilidade-resolucao .img-cupcode-ninja {
  margin: 0 auto;
  display: flex;
}
.uptime-downtime h2 {
  font-size: 2.5rem;
}
.head-planos-manutencao h1 {
  font-size: 2rem;
}
.box-manutencao-padrao.v2 span {
  font-size: 9px;
}
.head-planos-manutencao h2 {
  font-size: 1.5rem;
}
.font-size-mensal {
  font-size: 25px;
}
.ajuda-manutencao {
  justify-content: start;
  align-items: start;
  display: flex;
  flex-direction: column;
}
.ajuda-manutencao .ajuda-especialista .especialista-img {
  border-radius: 0;
}
.plano-footer.small p {
  font-size: 12px;
  color: #868686;
}
.plano-footer.small h3 {
  font-size: 20px;
  color: #868686;
}
.plano-footer.small h3 sup {
  color: #868686;
}
.cupcode-faca-parte-hero,
.vagas-hero {
  height: 550px;
  align-items: center;
}
.cupcode-faca-parte-hero h1 {
  font-size: 3.5rem;
  line-height: 1;
}
.cupcode-faca-parte-hero img {
  max-height: 450px;
  margin: 0 auto;
  display: flex;
  position: relative;
  top: 60px;
}
.cupcode-faca-parte-hero video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
.o-que-voce-pode-esperar .box-oque-esperar {
  height: 100%;
  background: #7f47dd;
  border-radius: 20px;
  padding: 20px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.o-que-voce-pode-esperar .box-oque-esperar-img {
  height: auto;
  width: 100%;
  position: relative;
}
.box-oque-esperar-texto p {
  margin-bottom: 0;
  color: white;
  font-size: 15px;
}
.box-oque-esperamos-de-voce {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.box-oque-esperamos-de-voce:hover {
  background: #a244d8;
  border-radius: 10px;
}
.box-oque-esperamos-de-voce img {
  min-width: 250px;
}
.box-oque-esperamos-de-voce-texto h3 {
  color: #e0fe9c;
  font-size: 18px;
}
.box-oque-esperamos-de-voce-texto p {
  font-size: 15px;
  margin-bottom: 0;
  color: white;
}
.oque-esperamos-de-voce img {
  max-width: 200px;
}
.oque-esperamos-de-voce h2 {
  font-size: 2.6rem;
}
.box-oportunidades-na-cupcode-lista {
  background: #7f47dd38;
  padding: 20px;
  padding-top: 10px;
  border-radius: 36px;
  position: relative;
}
.box-oportunidades-na-cupcode-lista img {
  position: absolute;
  left: -15px;
  width: 40px;
}
.box-oportunidades-na-cupcode-lista h3 {
  padding-left: 20px;
  font-size: 1.5rem;
}
.box-oportunidades-na-cupcode-lista span {
  position: absolute;
  right: 0;
  background: #ed1e79;
  padding: 10px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  top: 0;
  font-size: 15px;
  z-index: 2;
}
.box-oportunidades-na-cupcode-lista p {
  font-size: 15px;
}
.oportunidades-na-cupcode img {
  max-width: 300px;
  margin: 0 auto;
  display: flex;
}
.oportunidades-na-cupcode h2 {
  font-size: 7rem;
  font-weight: 700;
  font-family: "Fractul Regular";
}
.oportunidades-na-cupcode span.sub_titulo {
  font-size: 25px;
}
.texto-gradiente {
  background: linear-gradient(
    to right,
    purple,
    blue
  ); /* Gradiente de duas cores */
  -webkit-background-clip: text;
  color: transparent;
  background-clip: text;
}
.texto-sombreado {
  position: absolute;
  top: 10px;
  left: 10px;
  color: transparent;
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #fff;
  font-family: "Fractul Regular";
  font-weight: 100;
}
.box-oportunidades-na-cupcode {
  max-height: 500px;
  overflow: auto;
  padding-right: 10px;
  padding-left: 15px;
}
.vem-descobrir-tudo-na-cupcode {
  height: 600px;
}
.vem-descobrir-tudo-na-cupcode video {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.fazer-a-diferenca h2 {
  font-size: 2.5rem;
}
.por-que-a-cupcode h2 {
  font-size: 3.2rem;
  line-height: 1;
}
.o-que-voce-pode-esperar h2 {
  font-size: 3rem;
}
.vem-descobrir-tudo-na-cupcode h2 {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
}
.formas-de-pagamento-cupcode h3 {
  font-size: 3rem;
  line-height: 1;
}
.melhorias-continuas h2 {
  font-size: 4rem;
  line-height: 1;
}
.codigo-de-conduta-cupcode img {
  position: relative;
  bottom: -40px;
  max-height: 450px;
  width: max-content;
  margin: 0 auto;
}
.codigo-de-conduta-cupcode h2 {
  font-size: 3rem;
}
div#modalFacaParte img {
  max-width: 100px;
  margin-right: 10px;
}
div#modalFacaParte p.sub_titulo {
  font-size: 12px;
  margin: 0;
}
div#modalFacaParte .modal-dialog.modal-lg {
  max-width: 450px;
}
div#modalFacaParte h2 {
  font-size: 24px;
}
form#contatoFacaParte .form-control,
form#contatoFacaParte select {
  background: rgb(149 29 219 / 10%);
  color: #18013a;
  border-radius: 15px !important;
  border: none;
  height: 100%;
  min-height: 53.6px;
}
input#facaparteNome + label,
input#facapartelocalizacao + label,
textarea#messageTextarea + label,
input#facapartePretensaoSalarial + label,
input#facaparteDataNacimento + label,
input#facaparteWhatsApp + label,
input#facaparteEmail + label,
input#facaparteVagas + label,
input#facapartePortfolio + label {
  font-size: 15px;
}
form#contatoFacaParte .alert-div {
  display: none;
}
.faca-parte-selection-file {
  background: #f4e8fb;
  padding: 10px;
  margin: 0;
  border-radius: 20px;
}
.faca-parte-selection-file label {
  font-size: 14px;
  background: #faf4fe;
  padding: 5px 8px;
  border-radius: 8px;
  position: relative;
}
span#file-name {
  display: inline-block;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
}
img#file-icon {
  height: 20px;
}
button#FacaParteEnviarCV {
  background: #951ddb;
  padding: 10px 30px;
  border-radius: 15px;
  font-weight: 600;
}

.card-link-rapido {
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px 0px;
}
.card-link-rapido img {
  max-height: 225px;
  margin: 0 auto;
  display: flex;
}
.card-link-rapido h4 {
  font-size: 1.3rem;
  text-align: center;
  margin: 0;
}
.lista-pages-links-rapidos a {
  text-decoration: none;
}
.vagas-img-hero {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.vagas-overlay-hero {
  background: linear-gradient(
    270deg,
    rgb(0 0 0 / 0%) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  width: 100%;
  height: 100%;
  position: absolute;
}
.vagas-hero h1 {
  font-size: 3.5rem;
  text-shadow:
    rgb(0, 255, 255) -1.62375px 0px 0px,
    rgb(255, 0, 255) 1.62375px 0px 0px;
  line-height: 1;
}
.sobre-a-vaga img {
  position: absolute;
  right: 50px;
  max-width: 250px;
  top: 50px;
}
.sua-rotina-vagas img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.max-height-col-requisitos-obrigatorios {
  max-height: 500px;
}
.max-height-col-rotina-dev {
  max-height: 400px;
}
.requisitos-desejaveis-vagas img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.sobre-a-vaga h2,
.sua-rotina-vagas h2 {
  font-size: 4rem;
}
.sobre-a-vaga p {
  text-align: justify;
}
/* aqui começa o accordian (sua-rotina-vagas, requisitos-obrigatorios-vagas) - vagas */
.requisitos-obrigatorios-vagas h2,
.requisitos-desejaveis-vagas h2 {
  font-size: 3rem;
}
.sua-rotina-vagas a,
.requisitos-obrigatorios-vagas a,
.requisitos-desejaveis-vagas a {
  position: relative;
  top: 10px;
}
.sua-rotina-vagas .accordion-item,
.requisitos-obrigatorios-vagas .accordion-item,
.requisitos-desejaveis-vagas .accordion-item {
  border: none;
}
.sua-rotina-vagas button.accordion-button,
.requisitos-obrigatorios-vagas button.accordion-button,
.requisitos-desejaveis-vagas button.accordion-button {
  outline: none !important;
  box-shadow: none !important;
}
.sua-rotina-vagas button.accordion-button,
.requisitos-obrigatorios-vagas button.accordion-button,
.requisitos-desejaveis-vagas button.accordion-button {
  background: linear-gradient(
    90deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 222, 236) 100%
  );
  color: var(--pink);
}
.sua-rotina-vagas button.accordion-button:not(.collapsed)::after,
.requisitos-obrigatorios-vagas button.accordion-button:not(.collapsed)::after,
.requisitos-desejaveis-vagas button.accordion-button:not(.collapsed)::after {
  background-image: url(../img/icons/chevron-accordian-para-baixo-pink.svg);
}
.sua-rotina-vagas button.accordion-button::after,
.requisitos-obrigatorios-vagas button.accordion-button::after,
.requisitos-desejaveis-vagas button.accordion-button::after {
  background-image: url(../img/icons/chevron-accordian-para-baixo-lpurple.svg);
}
.sua-rotina-vagas button.accordion-button.collapsed,
.requisitos-obrigatorios-vagas button.accordion-button.collapsed,
.requisitos-desejaveis-vagas button.accordion-button.collapsed {
  background: linear-gradient(
    90deg,
    rgb(255, 222, 236) 0%,
    rgb(255, 255, 255) 100%
  );
  color: var(--lpurple);
}
.sua-rotina-vagas ul,
.requisitos-obrigatorios-vagas ul,
.requisitos-desejaveis-vagas ul {
  padding: 0;
  margin: 0;
}
.sua-rotina-vagas ul li,
.requisitos-obrigatorios-vagas ul li,
.requisitos-desejaveis-vagas ul li {
  list-style: disc;
  margin-left: 1rem;
  font-size: 15px;
  margin-bottom: 0.5rem;
  color: var(--lpurple);
}
.requisitos-obrigatorios-vagas ul p,
.requisitos-desejaveis-vagas ul p,
.sua-rotina-vagas ul p {
  font-size: 15px;
}
/* aqui termina o accordian (sua-rotina-vagas, requisitos-obrigatorios-vagas) - vagas */

.sobre-a-vaga h2 br,
.sua-rotina-vagas h2 br,
.requisitos-obrigatorios-vagas h2 br,
.requisitos-desejaveis-vagas h2 br {
  display: none;
}
.faca-parte-100-remoto {
  min-height: 550px;
}
.faca-parte-100-remoto video {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0px, -50%);
}
.faca-parte-100-remoto p {
  max-width: max-content;
  text-align: end;
  margin: 0;
  position: absolute;
  left: 40px;
  bottom: 40px;
  font-size: 2vw;
  font-weight: 500;
}
span.high-text {
  font-size: -webkit-xxx-large;
}
.faca-parte-100-remoto .sub_titulo {
  position: absolute;
  top: 40px;
  left: 40px;
  font-size: 1.9vw;
}
.faca-parte-100-remoto .h2-remoto {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translate(0, -50%) !important;
}
.h2-remoto h2 {
  font-size: 3.5rem;
  opacity: 0.4;
  line-height: 1;
  display: grid;
}
span.high-text {
  font-size: 5.6vw;
}
span.small-text {
  font-size: 3.6vw;
}
.qualidade-da-cupcode-box {
  padding: 15px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  position: relative;
  padding-bottom: 45px;
  overflow: hidden;
}
.como-funciona-garantia-2-anos-box {
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
}
.qualidade-da-cupcode-box img,
.como-funciona-garantia-2-anos-box img {
  max-height: 150px;
  width: auto;
  margin: 0 auto;
  display: flex;
}
.qualidade-da-cupcode-box p,
.como-funciona-garantia-2-anos-box p {
  font-size: 15px;
  margin-bottom: 0;
}
.posso-confiar-na-cupcode img {
  max-width: 450px;
  margin: 0 auto;
  display: flex;
}
.como-funciona-garantia-2-anos-box h4 {
  font-size: 2rem;
  line-height: 1;
}
.como-saber-se-a-cupcode-e-confiavel h2 {
  font-size: 2.5rem;
  line-height: 1;
}
.como-saber-se-a-cupcode-e-confiavel img {
  rotate: 60deg !important;
  transform: none !important;
}
.qualidade-da-cupcode h2 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 20px;
}
.inovacao-criativa-cupcode h2 {
  font-size: 3vw;
}
.inovacao-criativa-cupcode h2 + img {
  max-width: 25vw;
}
.inovacao-criativa-cupcode img.arte-de-pensar {
  margin: 0 auto;
  display: flex;
}
.half-codigo-irrefutavel h3 {
  font-size: 3rem;
  line-height: 1;
}
.avalicoes-clientes-img img {
  max-width: 180px;
}
.avalicoes-clientes {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center;
}
.avalicoes-clientes-pontos span {
  font-size: 15px;
}
.avaliacoes-pontos-star {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.avaliacoes-pontos-star img {
  max-width: 30px;
}
.avaliacoes-5-star {
  margin-top: 10px;
}
.avaliacoes-5-star img {
  max-width: 200px;
}
.feedback-positivo h3,
.half-relacao-cliente-empresa h3,
.half-cupcode-moderno h3,
.half-pioneiro-tecnologia h3,
.half-imitacao-admiracao h3,
.half-mais-que-equipe h3,
.half-nosso-maior-trofeu h3,
.half-contribuicao-para-o-mundo h3,
.solucoes-sob-medida h3 {
  font-size: 2.5rem;
  line-height: 1;
}
.compromisso-aprendizagem img {
  max-height: 450px;
  margin: 0 auto;
  display: flex;
}
.compromisso-aprendizagem h3 {
  font-size: 3.5rem;
  line-height: 1;
}
.half-nosso-maior-trofeu img {
  max-height: 250px;
}
.half-mais-que-equipe img {
  position: absolute;
  scale: 1.3 !important;
  top: 40px !important;
  transform: none !important;
}
.solucoes-sob-medida img {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
}
.half-seguranca-e-confianca h3 {
  font-size: 3.5rem;
  line-height: 1;
}
.half-contribuicao-para-o-mundo img {
  scale: 1.3 !important;
  transform: none !important;
  position: absolute;
  top: 20px !important;
  pointer-events: none;
}
.half-contribuicao-para-o-mundo a {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.transforme-sua-realidade h3 {
  font-size: 2.8rem;
  line-height: 1;
}
.transforme-sua-realidade .btn-cafe-digital {
  max-width: 450px;
}
.transforme-sua-realidade .img-como-trabalhamos {
  max-height: 400px;
  margin: 0 auto;
  display: flex;
  top: 50px;
  position: relative;
}
.swiper-cases-de-sucesso {
  padding-bottom: 30px;
}
.swiper-container-cases-de-sucesso {
  position: relative;
}
.pagination-cases-de-sucesso {
  position: relative;
  left: 0;
  z-index: 2;
  justify-content: center;
  display: flex;
  top: 10px !important;
}
.pagination-cases-de-sucesso .swiper-pagination-bullet {
  background: #18013a2c !important;
}
.pagination-cases-de-sucesso .swiper-pagination-bullet-active {
  background: #18013a !important;
}
.resultados-comprovados h3 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 40px;
}
.go4269172405 {
  display: none !important;
}
.box-ver-mais-informacao.review-feedback-positivo {
  width: 100%;
}
.tm-card .tm-card-review {
  max-height: 100px !important;
  overflow: auto !important;
}
.tm-title,
.tm-content,
.tm-overall {
  display: none !important;
}
span.go518015071.tm-carousel-dot-circle,
span.go272498982.tm-carousel-dot-circle,
span.go485591303.tm-carousel-dot-circle,
span.go2412133309.tm-carousel-dot-circle {
  background: #951ddb !important;
}
.tm-carousel-dots-total {
  color: #951ddb !important;
  opacity: 1 !important;
}
.garantia-de-2-anos-hero img {
  max-height: 400px;
  margin: 0 auto;
}
.para-voce-ficar-numa-boa h2,
.parceria-de-protecao h3,
.oque-esta-coberto h3,
.seguranca-em-dia h3,
.excelencia-em-desenvolvimento h3,
.como-manter-a-garantia h2,
.planejando-as-rotas h3,
.seguro-como-um-bunker h3,
.swiper-como-funciona-garantia-2-anos h2 {
  font-size: 3rem;
  line-height: 1;
}
.e-facil-dar-2-anos-de-garantia h3,
.medidor-na-velocidade-da-luz h3 {
  font-size: 2.5rem;
  line-height: 1;
}
.para-voce-ficar-numa-boa img {
  max-width: 400px;
  margin: 0 auto;
}
.parceria-de-protecao img,
.e-facil-dar-2-anos-de-garantia img {
  max-height: 350px;
}
.oque-esta-coberto img,
.seguranca-em-dia img,
.excelencia-em-desenvolvimento img,
.medidor-na-velocidade-da-luz img,
.planejando-as-rotas img,
.seguro-como-um-bunker img {
  max-height: 300px;
}
.como-manter-a-garantia img {
  position: relative;
  max-height: 400px;
  top: 25px;
  margin: 0 auto;
  scale: 1.1 !important;
  transform: none !important;
}
.swiper-como-funciona-garantia
  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  display: flex;
  justify-content: center;
  top: 10px;
}
.swiper-como-funciona-garantia {
  padding-bottom: 30px !important;
  margin-bottom: -30px;
}
.swiper-como-funciona-garantia .swiper-pagination-bullet-active,
.swiper-como-funciona-garantia .swiper-pagination-bullet:hover {
  background: #18013a !important;
  opacity: 1 !important;
}
.swiper-como-funciona-garantia .swiper-pagination-bullet {
  background: #18013a !important;
  opacity: 0.6;
}
.garantia-de-2-anos-hero h1 {
  font-size: 2.5rem;
  line-height: 1;
}
.hero-wordpress h1,
.fusquinha-turbo-full h2 {
  font-size: 4rem;
  line-height: 1;
}
.wp-seguranca-avancada h2,
.wp-robusto-e-facil h2,
.wp-atualizacoes-de-plugin h2,
.wp-designer-inovador h2,
.wp-mantenha-seu-porquinho h3 {
  font-size: 3rem;
  line-height: 1;
}
.wp-robusto-e-facil img,
.wp-seguranca-avancada img,
.wp-designer-inovador img,
.wp-atualizacoes-de-plugin img {
  max-height: 250px;
}
.wp-mantenha-seu-porquinho img {
  max-height: 300px;
}
.wp-engaje-e-integre h2 {
  font-size: 2.5rem;
  line-height: 1;
}
.wp-engaje-e-integre img {
  display: flex;
  margin: 0 auto;
}
.brasao-cupcode-civic h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.brasao-cupcode-civic img.brasao-cupcode-civic {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}
.oportunidades-na-cupcode img.trabalhe-na-cupcode {
  position: relative;
  top: 32px;
  scale: 1.2 !important;
  transform: none !important;
}
.vender-mais-slide {
  display: flex;
  padding: 10px 40px;
  align-items: center;
  gap: 10px;
}
.vender-mais-slide-texto p {
  margin: 0;
  font-size: 14px;
}
.vender-mais-slide-img {
  width: 40%;
}
.SwiperQueroVenderMais {
  position: relative;
  overflow: hidden;
  max-width: 400px;
}
.SwiperQueroVenderMais .swiper-button-prev:after,
.SwiperQueroVenderMais .swiper-button-next:after {
  font-size: 20px;
  font-weight: bold;
  color: #951ddb;
}
.quero-vender-mais h2 {
  font-size: 4rem;
  line-height: 1;
}
.quero-vender-mais h2 span {
    font-size: 70.4px;
}
.animation-grow {
  transition: all 0.3s linear;
}
.animation-grow:hover {
  box-shadow: rgb(181 96 246) 0px 5px 15px;
  scale: 1.03 !important;
  transform: none !important;
}
.pages-carrousel-blog-recentes .carrousel-conteudo-blog-recentes {
  height: 400px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: flex-end;
  gap: 10px;
  color: white;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper-pagination-recentes {
  position: relative;
  top: 5px !important;
  text-align: center;
}
.section-pages-posts-recentes span.swiper-pagination-bullet {
  opacity: 0.5;
}
.section-pages-posts-recentes span.swiper-pagination-bullet-active,
.section-pages-posts-recentes span.swiper-pagination-bullet:hover {
  opacity: 1;
}
.section-pages-posts-recentes h2 {
    font-size: 2rem;
}
.pages-carrousel-blog-recentes h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 25px;
    margin: 0;
    color: #951DDB;
}

.depoimentos-clientes {
  border: solid 1px #fff;
}
.box-giant-leap h2 {
  line-height: 1;
}
.civic-white.orange .footer-bottom {
  color: #133463;
}
.civic-white.orange .footer-bottom a {
  color: #133463;
}
.civic-white.orange .copyright {
  color: #133463;
}
footer.civic-white.orange {
  background: white;
}
footer.white-mode .copyright span {
  color: #7f47dd;
}

.half-velocidade-que-voce-sente h3,
.half-zero-taxa-100-lucro h3 {
  font-size: 3rem;
  line-height: 1;
}
.half-velocidade-que-voce-sente img,
.half-zero-taxa-100-lucro img {
  max-height: 250px !important;
}
.half-zero-taxa-100-lucro img {
  scale: 1.4 !important;
  transform: none !important;
}
.rapidez-e-escalabidade img {
  max-width: 400px;
  margin: 0 auto;
}
.rapidez-e-escalabidade h2 {
  font-size: 4rem;
  line-height: 1;
}
.full-sol-mar-e-ondas img {
  max-width: 400px;
  left: 100px;
  position: relative;
}
.full-sol-mar-e-ondas h2 {
  font-size: 4rem;
  line-height: 1;
}
.half-lojas-virtuais h3 {
  font-size: 3rem;
  line-height: 1;
}
.copy-e-magica h2,
.ciencia-do-site h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.mobile-first-telas h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.mobile-first-telas {
  border: solid 15px #000000;
}
.trafego-controlado h2 {
  font-size: 2.4rem;
}
.copy-e-magica img {
  transform: scale(1.3) !important;
  bottom: 5px;
  right: 35px;
  max-height: 250px;
}
.trafego-controlado img {
  max-height: 300px;
}

.fusquinha-tunado-full-width .conjunto-fusquinha {
  min-height: 400px;
}
.fusquinha-tunado-full-width .conjunto-fusquinha img {
  position: absolute;
}
.fusquinha-tunado-full-width h2 {
  font-size: 5rem;
  line-height: 1;
}
.topo-das-pesquisas h2 {
  font-size: 3.5rem;
  line-height: 1;
}
.hr-criacao-de-sites video {
  max-width: 100%;
  position: absolute;
  right: 100px;
  max-height: 100%;
  bottom: 0;
}
.hr-criacao-de-sites h2 {
  font-size: 4rem;
  line-height: 1;
}

.menu-white .cup-menu-link {
  color: var(--bs-white);
}
.menu-white .menu-fixo-active .cup-menu-link {
  color: var(--dpurple);
}
.menu-dpurple .cup-menu-link {
  color: var(--dpurple);
}
.menu-white .link-logo {
  background: url(../../assets/img/logo-white.webp);
  display: block;
  background-position: center;
  height: 30px;
  width: 100px;
  background-size: cover;
  background-repeat: no-repeat;
}
.menu-white .nav-container.dark.menu-fixo-active .link-logo,
.menu-white .nav-container.dark.cup-menu-target .link-logo,
.menu-dpurple .nav-container.menu-fixo-active .link-logo,
.menu-dpurple .nav-container.cup-menu-target .link-logo {
  background: url(../../assets/img/logo.webp);
  display: block;
  background-position: center;
  height: 30px;
  width: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 9999999999999;
  position: relative;
  transition: all 400ms ease;
}
.section-planetas-em-desenvolvimento img.dev-satelite {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.section-planetas-em-desenvolvimento img.dev-terra-desenvolvimento {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
}
.section-planetas-em-desenvolvimento h1 {
  font-size: 3.2rem;
  line-height: 1;
}
.para-ser-profissional-precisa-ser-profissional video {
  width: 100%;
  position: absolute;
  right: -150px;
  height: 100%;
  scale: 1.2;
}
.para-ser-profissional-precisa-ser-profissional h2 {
  font-size: 3.5rem;
  line-height: 1;
}
div#modalEspacoTempo .modal-ver-mais-informacao,
div#modalEspacoTempo .sticky-close-button {
  max-width: 1045px !important;
  width: 1045px;
}
.temp-numero {
  max-width: 600px;
}
.temporizador {
  display: flex;
  gap: 10px;
}
.temporizador h2 {
  font-size: 50px;
}
.temp-numero h2 {
  position: absolute;
  top: 0;
  z-index: 2;
}
.number-space div {
  position: absolute;
  top: 50%;
  font-size: 135px;
  line-height: 1;
  transform: translate(-50%, -50%);
  width: 130px;
  text-align: center;
  font-weight: 600;
  font-family: "Tomorrow", sans-serif;
}

.number-space {
  width: 600px;
  position: absolute;
  height: 145px;
  top: 0;
}
.number-space div.number-1 {
  left: 12%;
}
.number-space div.number-2 {
  left: calc(37.5% - 5px);
}
.number-space div.number-3 {
  left: calc(62.5% - 9px);
}
.number-space div.number-4 {
  left: calc(87.5% - 5px);
}
.temp-texto {
  line-height: 1;
  display: flex;
  align-items: center;
}
.temp-texto h2 {
  margin: 0;
  line-height: 1;
  font-size: 62px;
}
.temp-texto h2 span {
  font-size: 76px;
}
.half-modernize-seu-site img {
  scale: 1.4;
  position: relative;
  bottom: 20px;
}
.error-page h1 {
  font-size: 2rem;
}
.error-page h4 {
  font-size: 1rem;
}
.error-cards .cards-error img {
  max-height: 150px;
}
.error-cards a {
  font-size: 20px;
  text-align: center;
  color: var(--lpurple);
  text-decoration: none;
  line-height: 1;
}
.error-page {
  padding-left: 10px;
  padding-right: 10px;
}
.assinado-section .lista-mini-half-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.body-manual-da-marca-cliente {
  position: relative;
}
.body-manual-da-marca-cliente img {
  max-width: 400px;
  top: -35px;
  z-index: 1;
  left: -40px;
  position: absolute;
}
a.assinado-card-half img {
  max-height: 150px;
  width: auto;
}
a.assinado-card-half {
  width: 48%;
  font-size: 16px;
}
.assinado-section p.assinado-texto {
  position: relative;
  max-width: 190px;
  text-align: left;
  left: 330px;
  top: 20px;
}
.assinado-link {
  position: absolute;
  bottom: 50px;
  right: 50px;
  color: #951ddb;
  gap: 10px;
  display: flex;
  align-items: center;
}
.assinado-section a.assinado-card-half h4 {
  font-size: 20px;
}
.assinado-link svg.ebook-icon-baixo {
  max-height: 20px;
  width: auto;
  rotate: 90deg;
}
.hero-blog {
  background: url(../../assets/img/bg-hero-blog.webp);
  background-size: cover;
}
img.blog-app-site {
  max-width: 350px;
  margin: 0 auto;
  display: flex;
}
.blog-assinatura h2 {
  font-size: 4.5rem;
}
.passo-2-pre-embarque h2,
.passo-1-pre-embarque h2 {
  font-size: 3rem;
}
li.clickable-li {
  cursor: pointer;
}
a.show-detalhes.disabled {
  color: grey;
}
a#CalcularPagamento.disabled {
  background-color: gray;
  color: white;
}
.popup-custom-bg .swal2-loading {
  overflow: hidden;
}
.popup-custom-bg .swal2-popup {
  border-radius: 10px;
  padding: 30px;
}
.popup-custom-bg .alert-images {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.popup-custom-bg .alert-images img {
  position: absolute;
}
.popup-custom-bg .alert-images img.alert-image1 {
  bottom: 0;
  right: 0;
  max-width: 150px;
}
.popup-custom-bg .alert-images img.alert-image3 {
  top: -40px;
  right: -50px;
  max-width: 150px;
}
.popup-custom-bg .alert-images img.alert-image4 {
  left: -1px;
  top: 0;
  max-height: 150px;
}

@keyframes upAndDown {
  /* Movimento inicial de baixo para cima */
  0% {
    transform: translateY(100px); /* Início na parte de baixo */
    opacity: 0;
  }
  10% {
    transform: translateY(50px); /* Meio inferior */
    opacity: 0.5;
  }
  20% {
    transform: translateY(20px); /* Move para o topo */
    opacity: 1;
  }

  /* Alternância suave no meio */
  30% {
    transform: translateY(30px); /* Leve descida */
    opacity: 0.5;
  }
  40% {
    transform: translateY(0px); /* Leve subida */
    opacity: 1;
  }
  50% {
    transform: translateY(30px); /* Leve descida */
    opacity: 0.5;
  }
  60% {
    transform: translateY(0px); /* Leve subida */
    opacity: 1;
  }
  70% {
    transform: translateY(30px); /* Leve descida */
    opacity: 0.5;
  }
  80% {
    transform: translateY(0px); /* Leve subida */
    opacity: 1;
  }

  /* Movimento final de volta ao início */
  90% {
    transform: translateY(30px); /* Meio inferior */
    opacity: 0.5;
  }
  100% {
    transform: translateY(100px); /* Retorna ao início */
    opacity: 0;
  }
}

.popup-custom-bg .swal2-icon + img.swal2-image {
  max-width: 150px;
  margin: 0 auto;
  animation: upAndDown 15s infinite ease-in-out;
}
.popup-custom-bg h2#swal2-title {
  color: #ed1e79;
}
.popup-custom-bg button.swal2-confirm {
  background: #00bf63;
  font-family: "Tomorrow";
  font-weight: 600;
}
.popup-orcamento-custom-bg button.swal2-confirm{
  background-color: #ED1E79;
}
.half-site-de-volta-ao-futuro {
  position: relative;
  min-height: 680px;
}
.half-site-de-volta-ao-futuro .bg-half {
  background: #000;
  position: relative;
  overflow: hidden;
}
.half-site-de-volta-ao-futuro .overlay-dark {
  width: 100%;
  top: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.02) 35%,
    rgba(0, 0, 0, 0.9473039215686274) 58%,
    rgba(0, 0, 0, 1) 100%
  );
  z-index: 1;
}
.half-site-de-volta-ao-futuro .delorean-com-sombra {
  max-width: 400px;
  top: 175px;
  left: 0;
}
.half-site-de-volta-ao-futuro .maintitle {
  top: 55px;
  left: 15px;
}
.half-site-de-volta-ao-futuro video {
  position: absolute;
  left: 50%;
  top: 0;
  width: 110%;
  object-fit: cover;
  transform: translate(-50%, 0);
}
.padronagens-bgs {
  height: 250px;
  margin-bottom: 10px;
}
.padronagens-bgs-1 {
  background: url(../../assets/img/padronagem1.jpg);
  background-size: cover;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.padronagens-bgs-2 {
  background: url(../../assets/img/padronagem2.jpg);
  height: 120px;
  background-size: cover;
  margin-bottom: 10px;
  border-radius: 10px;
}
.padronagens-bgs-3 {
  background: url(../../assets/img/padronagem3.jpg);
  height: 120px;
  background-size: cover;
  border-radius: 10px;
}
.padronagens-texto {
  background: #f3e0ff;
  border-radius: 20px;
  padding: 10px;
}
.lista-ul-padronagens {
  display: flex;
  font-size: 15px;
  justify-content: space-between;
}
.lista-ul-padronagens li {
  font-size: 15px;
  color: #ed1e79;
}
.dp-step1 {
  display: none;
}
.step-1.step-ativa .dp-step1 {
  display: inline-block; /* ou qualquer display adequado */
}
.language-selector.hide-desktop {
  display: none;
}
section#hero-thanks {
  position: relative;
  min-height: 500px;
  background-color: #fff;
  border-radius: 30px;
  margin-top: 80px;
}
section#hero-thanks img.banner-hero-thanks {
  max-width: 300px;
  max-height: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
  top: 50px;
}
.box-shadow-white {
  height: 100%;
  width: 100%;
  position: relative;
}
.box-shadow-white::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  z-index: 3;
  top: 0;
  background: linear-gradient(0deg, #ffffff 10%, rgb(255 255 255 / 0%) 100%);
  left: 0;
}
section#hero-thanks img.hero-thanks-planet {
  position: absolute;
  bottom: -40px;
  max-width: 200px;
  z-index: 1;
  left: -40px;
}
.hero-thanks-col {
  font-size: 26px;
  display: flex;
  text-align: center;
  flex-direction: column;
  width: max-content;
  height: max-content;
  margin: 0 auto;
  position: relative;
  align-self: center;
}
.hero-thanks-col h1,
.hero-thanks-col p {
  position: relative;
  z-index: 4;
  line-height: normal;
}
.hero-thanks-col h1 {
  font-size: 2.5rem;
}
.hero-thanks-col p {
  font-size: 26px;
}
.bolha-hero-rosa,
.bolha-hero-roxa {
  position: absolute;
  max-width: 250px;
}
.bolha-hero-roxa {
  top: 0;
  left: 0;
}
.bolha-hero-rosa {
  bottom: 0;
  right: 0;
}

@keyframes Updown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-70px);
  }
  100% {
    transform: translateY(0px);
  }
}

.banner-hero-thanks {
  position: relative;
  z-index: 1;
  animation: Updown 5s ease-in-out infinite;
}
.row-orcamento-servicos {
  display: flex;
  gap: 10px;
  justify-content: center;
  max-width: 1200px;
  flex-wrap: wrap;
}
.gostaria-de-orcar-mais-servico {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  padding-top: 50px;
}
.orcamento-servico {
  max-width: 150px;
  padding: 0;
  height: auto;
  width: 150px;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
}
.box-selecao-bg-orcamento {
  background: white;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.orcamento-servico.ja-foi-orcado .box-selecao-bg-orcamento {
  filter: grayscale(1);
}
span.bagge-ja-orcado {
  background: green;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  border-radius: 0px 15px 0px 15px;
  padding: 2px 8px;
  z-index: 1;
}
.orcamento-servico:hover img {
  max-height: 100px;
  filter: drop-shadow(2px 4px 6px #ed1e79);
}
.orcamento-servico:hover .box-selecao-bg-orcamento {
  background: #951ddb;
}
.orcamento-servico:hover .box-selecao-bg-orcamento p {
  color: white;
}
.orcamento-servico p {
  font-size: 15px;
  margin: 0;
  text-align: center;
}
.orcamento-servico img {
  max-height: 100px;
}
.a-melhor-escolha-hoje {
  height: max-content;
  position: sticky;
  top: 10px;
}
.a-melhor-escolha-hoje img {
  max-height: 250px;
}
.saiba-como-e-nosso-trabalho h2 {
  font-size: 1.8rem;
}
.row-box-orcamento-feito {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 0px;
}
.box-orcamento-feito {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
}
.box-orcamento-feito.selection-function-col-12 {
  width: 100%;
}
.box-orcamento-feito.selection-function-col-6 {
  width: 48%;
}
.box-orcamento-feito img {
  max-height: 242px;
}
.box-orcamento-feito.selection-function-col-6 img {
    max-height: 160px;
    width: 100%;
    object-fit: contain;
}
.box-orcamento-feito.selection-function-col-12 h3 {
  font-size: 25px;
}
.box-orcamento-feito.selection-function-col-6 h3 {
  font-size: 20px;
  text-align: center;
}
.box-orcamento-feito.selection-function-col-12 p,
.box-orcamento-feito.selection-function-col-12 a {
  font-size: 15px;
  margin-bottom: 0;
  text-align: center;
}
.box-orcamento-feito a {
  margin: 0 0 0 auto;
}
.box-orcamento-feito.selection-function-col-6 p,
.box-orcamento-feito.selection-function-col-6 a {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}
.box-orcamento-feito a {
  text-decoration: underline !important;
  cursor: pointer;
  color: var(--dpurple);
}
footer.div-footer .row {
  --bs-gutter-x: 0;
}
.a-melhor-escolha-hoje a {
  font-size: 15px;
}
.orcamento-servico a {
  color: var(--dpurple);
}
.orcamento-servico a:hover {
  color: white !important;
}
section.todos-os-servicos-orcados {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  place-self: center;
}
.bg-color-servicos-orcados {
  background: #f6f0ff;
  padding: 20px;
  width: 100%;
  border-radius: 20px;
}
button.btn-servicos-orcados {
  border-radius: 30px;
  border: none;
  position: relative;
  overflow: hidden;
}
button.btn-servicos-orcados::before {
  content: "";
  background: linear-gradient(45deg, #18013a, transparent);
  position: absolute;
  width: 300%;
  height: 300%;
  left: -350%;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.9s;
  border-radius: 30px;
}
button.btn-servicos-orcados:hover::before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
button.btn-servicos-orcados span {
  font-weight: normal;
  position: relative;
}
button.btn-servicos-orcados a {
  padding: 10px 25px;
  background: var(--lpurple);
  color: white;
  display: flex;
  text-decoration: none;
}
section#hero-thanks .min-height-500 {
  padding: 10px;
}
.solicitar-gerenciamento-proprio {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.solicitar-gerenciamento-step.step-1.step-ativa {
  max-width: 400px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
}
.solicitar-gerenciamento-proprio input[type="text"],
.solicitar-gerenciamento-proprio input[type="email"],
.solicitar-gerenciamento-proprio input[type="tel"] {
  border: none;
  border-radius: 30px !important;
  margin-bottom: 10px;
  padding: 5px 20px;
  width: 100%;
  box-shadow: -1px -1px 14px -5px rgba(0, 0, 0, 0.75);
  background: linear-gradient(180deg, #fff, #fff, #99dddd33);
  outline: none;
  color: #276cb0;
}

.solicitar-gerenciamento-proprio input[type="text"]::placeholder,
.solicitar-gerenciamento-proprio input[type="email"]::placeholder,
.solicitar-gerenciamento-proprio input[type="tel"]::placeholder {
  color: #276cb0;
  opacity: 0.5;
}
.solicitar-gerenciamento-proprio .form-check {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  padding-left: 10px;
}
.solicitar-gerenciamento-proprio .form-check label {
  font-size: 12px;
  text-align: start;
  padding-left: 5px;
  margin-bottom: 5px;
}
.solicitar-gerenciamento-proprio .form-check input[type="checkbox" i] {
  appearance: auto;
  width: 15px;
  height: max-content;
  position: relative;
  top: 5px;
}
button.btn-enviar {
  float: inline-end;
  border: none;
  padding: 6px 30px;
  border-radius: 30px;
  background: linear-gradient(45deg, #6beb35, #008e35);
  color: white;
  font-size: 18px;
  box-shadow: -1px -1px 14px -5px rgba(0, 0, 0, 0.75);
}
.nuvems-hosting-gerenciavel {
  position: absolute;
}
.nuvems-hosting-gerenciavel:nth-child(1) {
  bottom: 0;
  left: -100px;
}
.nuvems-hosting-gerenciavel:nth-child(2) {
  left: -80px;
  top: 100px;
  max-width: 200px;
}
.nuvems-hosting-gerenciavel:nth-child(3) {
  right: -100px;
  top: 320px;
  max-width: 200px;
}
.solicitar-gerenciamento-step.step-2 {
  background: linear-gradient(180deg, #c0e3ff, #ffffff);
  padding: 30px;
  border-radius: 20px;
  z-index: 2;
  position: relative;
}
.footer-step2-gerenciamento {
  display: flex;
  max-width: max-content;
  margin: 0 0 0 auto;
}
.footer-step2-gerenciamento button.btn-enviar {
  position: unset;
  min-width: max-content;
}
.footer-step2-gerenciamento {
  display: flex;
  max-width: max-content;
  margin: 0 0 0 auto;
  align-items: center;
  gap: 20px;
}
.solicitar-gerenciamento-step.step-2 p {
  text-align: justify;
}
.solicitar-gerenciamento-step {
  margin-top: 30px;
}
.solicitar-gerenciamento-step.step-3,
.solicitar-gerenciamento-step.step-4,
.solicitar-gerenciamento-step.step-5 {
  background: linear-gradient(180deg, #c0e3ff, #ffffff);
  padding: 30px;
  border-radius: 20px;
  z-index: 2;
  position: relative;
}
.card-itens-que-vai-perder p {
  font-size: 14px;
}
.footer-step3-gerenciamento {
  margin-top: 30px;
}
.solicitar-gerenciamento-step.step-4 .row {
  max-width: 650px;
  margin: 0 auto;
  text-align: start;
}
.lista-de-termos-de-perda {
  color: #004aad;
  font-size: 15px;
  text-align: justify;
}
.lista-de-termos-de-perda p {
  margin: 0;
}
.footer-step4-gerenciamento {
  display: flex;
  margin-top: 30px;
}
.footer-step4-gerenciamento button.btn-enviar {
  min-width: max-content;
  background: #ff3131;
}
.card-itens-que-vai-perder img {
  max-height: 150px;
  width: auto;
}
.secao-sucesso-1 {
  display: flex;
  align-items: flex-end;
  text-align: justify;
  gap: 20px;
}
.secao-sucesso-1 img {
  max-width: 80px;
  height: auto;
}
.secao-sucesso-1 p {
  margin: 0;
}
.sucesso-solicitar-gerenciavel {
  max-width: 340px;
  margin: 0 auto;
  margin-top: 30px;
}
.sucesso-solicitar-gerenciavel p {
  font-size: 15px;
  margin: 0;
}
#toast-container.toast-top-center {
  top: 150px !important;
}

/* Garante que cada toast seja exibido com opacidade 1 */
#toast-container > .toast {
  opacity: 1 !important;
}
span#iconeValido {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, calc(-50% - 5px));
}
button#btnStep1:disabled {
  background: gray;
  cursor: not-allowed;
}
a.categoria-slide.box-categoria {
  height: 100%;
  display: block;
  width: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.categorias-de-paginas .swiper-button-prev:after,
.categorias-de-paginas .swiper-rtl .swiper-button-next:after,
.categorias-de-paginas .swiper-button-next:after,
.categorias-de-paginas .swiper-rtl .swiper-button-prev:after {
  color: #951ddb;
  font-size: 25px;
  font-weight: bold;
}
.categorias-de-paginas .swiper-button-next,
.categorias-de-paginas .swiper-rtl .swiper-button-prev {
  right: -30px !important;
}
.categorias-de-paginas .swiper-button-prev,
.categorias-de-paginas .swiper-rtl .swiper-button-next {
  left: -30px !important;
}
.jelly-wrapper {
  transition: transform 0.15s ease-out;
}

/*
      Classe auxiliar para re-disparar a animação de "tremida" do botão
      quando o mouse sai completamente e queremos repeti-la.
    */
.force-jelly {
  animation: jellyDamp 1.4s ease-out 1;
}

/* --------------------------------------------------------------------
       BOTÃO PRINCIPAL (base). Teremos duas variações de cores.
       transform-style: preserve-3d para permitir rotação 3D suave.
    -------------------------------------------------------------------- */
.jelly-button {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.8em 1.5em;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  outline: none;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  transform-style: preserve-3d;
}
.jelly-button.half-btn {
    font-size: 0.8rem;
}
.jelly-button a {
    color: white;
    text-decoration: none;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* BOTÃO 1: Rosa/Pink */
.pink-button {
  background: linear-gradient(90deg, #ff6caf, #ff4088);
  box-shadow:
    0 0 10px rgba(255, 0, 150, 0.3),
    0 0 20px rgba(255, 0, 150, 0.5);
}

/* BOTÃO 2: Roxo/Purple */
.green-button {
    background: linear-gradient(90deg, #63b659, #288b0d);
    box-shadow: 0 0 10px #288b0d4d, 0 0 20px #63b65980;
}

/* Reflexo interno que será controlado via variáveis CSS (rx, ry) */
.jelly-reflection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1; /* Para ficar acima do texto do botão */
  /*
         O reflexo é criado por um radial-gradient cuja "origem" (circle at X Y)
         ajustamos via CSS custom properties --rx e --ry.
      */
  background: radial-gradient(
    circle at var(--rx, 50%) var(--ry, 50%),
    rgba(255, 255, 255, 0.3),
    transparent 60%
  );
}

/* Animação de gelatina com desaceleração */
@keyframes jellyDamp {
  0% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    border-radius: 40px;
  }
  10% {
    transform: scale(1.2, 0.8) rotate(2deg) skewX(5deg);
    border-radius: 50px 30px 45px 60px / 50px 60px 30px 55px;
  }
  25% {
    transform: scale(0.8, 1.2) rotate(-2deg) skewX(-5deg);
    border-radius: 35px 55px 60px 30px / 60px 45px 60px 40px;
  }
  40% {
    transform: scale(1.1, 0.9) rotate(1deg) skewX(3deg);
    border-radius: 45px 50px 50px 40px / 50px 45px 55px 60px;
  }
  55% {
    transform: scale(0.95, 1.05) rotate(-1deg) skewX(-3deg);
    border-radius: 48px 44px 56px 42px / 56px 55px 44px 48px;
  }
  70% {
    transform: scale(1.05, 0.95) rotate(0.5deg) skewX(2deg);
    border-radius: 42px 50px 50px 45px / 52px 50px 50px 48px;
  }
  85% {
    transform: scale(0.99, 1.01) rotate(-0.3deg) skewX(-1deg);
    border-radius: 40px 45px 48px 45px / 48px 50px 46px 50px;
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    border-radius: 40px;
  }
}
section.quero-vender-mais div#jellyWrapper1 {
  margin-top: 20px;
}

.titulo-section-com-imagem {
  display: flex;
  justify-content: space-between;
}
.titulo-section-com-imagem img {
  max-height: 90px;
  scale: 1.2;
  position: relative;
  right: 100px;
  bottom: -20px;
}
img.astronauta-na-balanca-de-nuvem {
    position: absolute;
    max-width: 250px;
    left: 340px;
    margin-bottom: -100px;
    top: -40px;
    transform-origin: top center;
    animation: balancoAstronauta 2.5s ease-in-out infinite alternate;
}
@keyframes balancoAstronauta {
  0% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

.home-page-section.hero-box,
.home-page-section.quero-vender-mais,
.section-brading-cards,
.hm-section-desenvolvimento,
.desenvolvimento-de-lojas-virtuais-home,
.gestao-de-redes-sociais-home,
.gestao-de-trafego-pago-home,
.secao-com-3-cards-home {
  background: rgba(255, 255, 255, 1);
}

.circle {
  display: grid;
  grid-template-rows: 1fr;
  grid-row: 4/6;
  grid-column: 2/3;
  align-items: center;
  justify-items: center;
  width: 6rem;
  height: 100%;
  border-radius: 1rem;
}

.circle__btn {
  position: relative;
  z-index: 300;
  display: flex;
  grid-row: 1/2;
  grid-column: 1/2;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 3rem;
  height: 3rem;
  margin: 0.6rem;
  border-radius: 50%;
  background-color: var(--greyLight-1);
  color: var(--white);
  box-shadow:
    0.3rem 0.3rem 0.6rem var(--greyLight-2),
    -0.2rem -0.2rem 0.5rem var(--white);
  font-size: 3.2rem;
  cursor: pointer;
  transition: all 0.3s;
}
.circle__btn:hover {
    color: var(--primary);
    background-color: #fff;
}
.circle__btn:hover~.circle__back-1{
  background: linear-gradient(to bottom, #951ddb30 0%, #ed1e7930 100%);
}
.circle__btn.shadow {
  box-shadow:
    inset 0.2rem 0.2rem 0.5rem var(--greyLight-2),
    inset -0.2rem -0.2rem 0.5rem var(--white);
}

.circle__btn .play {
  position: absolute;
  opacity: 0;
  transition: 0.02s linear;
  font-size: 25px;
}

.circle__btn .play.visibility {
  opacity: 1;
  transition: 0.02s linear;
}

.circle__btn .pause {
  position: absolute;
  transition: 0.02s linear;
  font-size: 25px;
}

.circle__btn .pause.visibility {
  opacity: 0;
}

.circle__back-1,
.circle__back-2 {
  z-index: 100;
  grid-row: 1/2;
  grid-column: 1/2;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  filter: blur(1px);
}

.circle__back-1 {
  background: linear-gradient(
    to bottom,
    var(--greyLight-2) 0%,
    var(--white) 100%
  );
  box-shadow:
    0.4rem 0.4rem 0.8rem var(--greyLight-2),
    -0.4rem -0.4rem 0.8rem var(--white);
  -webkit-animation: waves 4s linear infinite;
  animation: waves 4s linear infinite;
}

.circle__back-1.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.circle__back-2 {
  box-shadow:
    0.4rem 0.4rem 0.8rem var(--greyLight-2),
    -0.4rem -0.4rem 0.8rem var(--white);
  -webkit-animation: waves 4s linear 2s infinite;
  animation: waves 4s linear 2s infinite;
}

.circle__back-2.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

@keyframes waves {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@-webkit-keyframes waves {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
div#videoModalBrandingCards {
    padding-left: 8px;
}
h1 span.fonte-cupcode {
    font-family: "Cupcode", sans-serif;
    text-transform: lowercase;
    font-size: 50px;
    font-weight: normal;
}
p.texto-depois-do-botao {
    margin-top: 10px;
    text-align: center;
    font-size: 10px;
    margin-bottom: 0;
}
.tabfooter div#jellyWrapper1 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: max-content;
}
.tabfooter button#jellyButton1 {
  font-size: 0.8rem;
}
/* Indicador de seleção */
.personalize-sua-hospedagem ul.lista-personalize .active::after,
.personalize-sua-hospedagem ul.lista-personalize .invisivel-active::after {
    content: "✓";
    position: absolute;
    right: 15px;
    color: #951DDB;
    font-weight: bold;
}
.jelly-com-icone {
    float: left;
    text-wrap-mode: nowrap;
}
.jelly-com-icone img {
    max-width: 15px;
    line-height: normal;
}
a.assinado-card-half .jelly-com-icone img {
    max-width: 15px !important;
    line-height: normal;
    width: auto;
    margin: 0;
    display: unset;
    max-height: none;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
  opacity: 0 !important;
}
.sub-titulo-destaque-pink{
  background: #ed1e79;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
}
.sub-titulo-destaque-purple{
  background: #951ddb;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
}
.input-obrigatorio {
    display: flex;
    gap: 5px;
}
.icone-obrigatorio,
.icone-opcional {
    background: #e6e5ef;
    display: flex;
    align-items: center;
    min-width: 20px;
    justify-content: center;
    border-radius: 5px;
}
.icone-obrigatorio img,
.icone-opcional img {
    max-width: 15px;
}
.icone-obrigatorio:hover,
.icone-opcional:hover {
    box-shadow: inset 11px 11px 22px #b560f610, inset -11px -11px 22px #ed1e7910;
}
.span-destaque-purple{
  background: #951ddb;
  color: white;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  font-size: 18px;
}
.span-destaque-pink{
  background: #ed1e79;
  font-weight: normal;
  padding: 2px 5px;
  border-radius: 10px;
  font-size: 12px;
}
.hide-on-up {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
}
.home-page-section:hover .hide-on-up, .home-page-servicos:hover .hide-on-up, .home-mais-servicos .divider-col-half:hover .hide-on-up, .secao-half-indicaai:hover .hide-on-up, .secao-half-ebook:hover .hide-on-up{
    opacity: 1;
    pointer-events: auto;
}
.SwiperQueroVenderMais svg.swiper-navigation-icon {
    display: none;
}
@media (max-width: 570px) {
  .padronagens-bgs {
    height: 100%;
    margin-bottom: 10px;
    flex-direction: unset !important;
  }
  .padronagens-bgs-1 {
    height: 250px;
    margin-bottom: 10px;
  }
  .padronagens-bgs-quebra-mob {
    display: flex;
    justify-content: space-between;
  }
  .padronagens-bgs-2,
  .padronagens-bgs-3 {
    width: 48%;
    margin-bottom: 0;
  }
  p.texto-depois-do-botao {
      margin-top: 10px;
      text-align: center;
      font-size: 7px !important;
      margin-bottom: 0;
  }
}
@media (max-width: 1250.85px) {
  .plano-1,
  .plano-2,
  .plano-3 {
    padding: 20px;
  }
  .manual-da-marca h2 {
    font-size: 2.2rem;
  }
  .frankenstein img,
  .manual-da-marca img {
    max-height: 400px;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 2.4rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2 {
    font-size: 1.9rem;
  }

  video.de-volta-para-a-cupcode {
    right: -185px;
    scale: 1.2;
  }
  img.delorean-com-sombra {
    right: 55px;
  }
  .maintitle {
    transform: scale(0.45);
  }
  .hero-games span {
    font-size: 1.7rem;
  }
  .hero-games h1 {
    font-size: 2.5rem;
  }
  .hero-games img {
    max-height: 200px;
  }

  .melhoramos-ui-ux h2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .img-mobile-first h3 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .img-primeiro-lugar h3 {
    font-size: 2.8rem;
    line-height: 1;
  }
  .velocidade-que-sente h2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .mais-codigo-experiencia h2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .img-vigilancia-cibernetica {
    right: 65px;
  }
  .monitoramento-cibernetico h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .cupcode-manutencao img {
    max-width: 400px;
  }

  .atualizacao-de-plugin h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .design-responsivo h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .atualizacao-tematica video,
  .reestruturacao-de-codigo video {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }
  .box-manutencao-padrao span {
    font-size: 8px;
    line-height: 1;
  }
  .box-manutencao-padrao h2 {
    font-size: 1rem !important;
  }
  .box-manutencao-padrao {
    height: 340px;
  }
  .cupcode-faca-parte-hero video {
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    transform: translate(-50%, 0px);
  }
  .cupcode-faca-parte-hero h1 {
    font-size: 2.7rem;
  }
  .fazer-a-diferenca h2 {
    font-size: 2.2rem;
  }
  .o-que-voce-pode-esperar h2 {
    font-size: 2.5rem;
  }
  .box-oque-esperamos-de-voce-texto h3 {
    font-size: 15px;
  }
  .box-oque-esperamos-de-voce-texto p {
    font-size: 12px;
  }
  .oque-esperamos-de-voce h2 {
    font-size: 2rem;
  }

  .box-oportunidades-na-cupcode-lista h3 {
    font-size: 18px;
  }
  .box-oportunidades-na-cupcode-lista span {
    font-size: 12px;
  }
  .vem-descobrir-tudo-na-cupcode h2 {
    font-size: 1.9rem;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 530px;
  }

  .formas-de-pagamento-cupcode h3 {
    font-size: 2.3rem;
  }
  .melhorias-continuas h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .codigo-de-conduta-cupcode h2 {
    font-size: 2.4rem;
  }
  .card-link-rapido img {
    max-height: 170px;
  }
  .card-link-rapido h4 {
    font-size: 1rem;
  }
  .requisitos-obrigatorios-vagas h2,
  .requisitos-desejaveis-vagas h2 {
    font-size: 2.5rem;
  }
  .faca-parte-100-remoto {
    min-height: 530px;
  }
  .inovacao-criativa-cupcode img.arte-de-pensar {
    max-width: 280px;
  }
  .half-codigo-irrefutavel h3 {
    font-size: 2.4rem;
  }
  .half-cupcode-moderno h3,
  .half-relacao-cliente-empresa h3 {
    font-size: 2.1rem;
  }
  .half-imitacao-admiracao h3,
  .half-pioneiro-tecnologia h3 {
    font-size: 2rem;
  }
  .compromisso-aprendizagem h3 {
    font-size: 2.9rem;
  }
  .half-mais-que-equipe h3,
  .solucoes-sob-medida h3 {
    font-size: 2.2rem;
  }
  .half-mais-que-equipe img {
    top: 50px !important;
  }
  .half-contribuicao-para-o-mundo a {
    z-index: 2;
  }
  .transforme-sua-realidade h3 {
    font-size: 2.2rem;
  }
  .como-saber-se-a-cupcode-e-confiavel h2 {
    font-size: 2.4rem;
  }
  .garantia-de-2-anos-hero h1 {
    font-size: 2.2rem;
  }
  .excelencia-em-desenvolvimento h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .swiper-como-funciona-garantia-2-anos h2,
  .wp-robusto-e-facil h2 {
    font-size: 2.5rem;
  }
  .para-voce-ficar-numa-boa h2,
  .seguranca-em-dia h3 {
    font-size: 2.3rem;
  }
  .como-funciona-garantia-2-anos-box h4 {
    font-size: 1.5rem;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3 {
    font-size: 1.9rem;
    line-height: 1;
  }
  .hospedagem-full-width.wp h2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .wp-atualizacoes-de-plugin h2,
  .wp-designer-inovador h2 {
    font-size: 2.3rem;
  }
  .fusquinha-turbo-full h2 {
    font-size: 3rem;
  }
  .wp-mantenha-seu-porquinho h3 {
    font-size: 2.3rem;
  }
  .wp-engaje-e-integre h2 {
    font-size: 2.2rem;
    line-height: 1;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 130px;
  }
  .hero-rede-sociais {
    height: 500px !important;
  }
  .hero-rede-sociais h1,
  .hero-rede-sociais h2 {
    top: 0;
  }
  .hero-rede-sociais p {
    top: 320px;
  }
  .hero-rede-sociais a.lk-1 {
    top: 275px;
  }
  .hero-rede-sociais a.lk-2 {
    top: 320px;
  }
  .vender-mais-slide-texto p {
    font-size: 12px;
  }
  .vender-mais-slide-img {
    width: 50%;
  }
  .newsletter label p,
  .newsletter label a {
    font-size: 8px;
  }
  img.bullet-20-0ff {
    bottom: 40px;
  }
  .full-mobile-apps h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .half-zero-taxa-100-lucro h3 {
    font-size: 2.3rem;
  }
  .half-zero-taxa-100-lucro img {
    scale: 1.3 !important;
  }
  .rapidez-e-escalabidade h2 {
    font-size: 3rem;
  }
  .full-sol-mar-e-ondas h2 {
    font-size: 3.5rem;
  }
  .full-sol-mar-e-ondas img {
    left: 10px;
  }
  .half-lojas-virtuais h3 {
    font-size: 2.5rem;
  }
  .ciencia-do-site h2 {
    font-size: 2.6rem;
  }
  .mobile-first-telas h2 {
    font-size: 2.5rem;
  }
  .copy-e-magica h2 {
    font-size: 3rem;
  }
  .copy-e-magica img {
    transform: scale(1.2) !important;
  }
  .hr-criacao-de-sites h2 {
    font-size: 3.5rem;
  }
  .section-planetas-em-desenvolvimento h1 {
    font-size: 2.5rem;
  }
  .half-modernize-seu-site img {
    scale: 1.3;
  }
  .assinado-section a.assinado-card-half h4 {
    font-size: 18px;
  }
  a.assinado-card-half img {
    max-height: 135px;
    width: auto;
  }
  .body-manual-da-marca-cliente img {
    max-width: 380px;
    left: -50px;
  }
  .assinado-section p.assinado-texto {
    max-width: 140px;
    left: 270px;
    top: 40px;
  }
  .body-manual-da-marca-cliente img {
    max-width: 350px;
    left: -50px;
    top: 30px;
  }
  .half-site-de-volta-ao-futuro .maintitle {
    left: -25px;
    top: 70px;
  }
  .half-site-de-volta-ao-futuro .delorean-com-sombra {
    max-width: 100%;
    top: 190px;
  }
  .half-site-de-volta-ao-futuro video {
    width: 150%;
  }
  .para-ser-profissional-precisa-ser-profissional h2 {
    font-size: 3rem;
  }
  .para-ser-profissional-precisa-ser-profissional video {
    right: -40px;
  }
}
@media (min-width: 992px) and (max-width: 1250px){
  .plano-1, .plano-2, .plano-3,.plano-4 {
    padding: 10px;
  }
  .comprar-hospedagem-escolha h2 {
    font-size: 1.1rem;
  }
  li.list-planos-item{
    font-size: 12px;
  }
  .config-apartir-de {
    font-size: 12px;
  }
  .plano-footer h3.valor-plano {
    font-size: 35px;
  }
  p.no-pagamento-anual {
    min-width: max-content;
  }
  p.apartir-de {
    top: 2px;
  }
  p.no-pagamento-anual {
    bottom: 40px;
  }
  .tabfooter .nav.nav-tabs {
    width: 180px;
  }
  .tabfooter .nav.nav-tabs li.nav-item {
    width: 85px;
  }
  .tabfooter .nav.nav-tabs li.nav-item a {
    font-size: 12px;
    max-width: 85px;
  }
  .tabfooter .nav.nav-tabs li.nav-item a small {
    font-size: 7px;
  }
}
@media (max-width: 1100px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 840px !important;
    width: 840px;
  }
  .temp-texto h2 {
    font-size: 50px;
  }
  .temp-texto h2 span {
    font-size: 62px;
  }
  .number-space div {
    font-size: 106px;
    width: 100px;
  }
  .number-space {
    height: 106px;
  }
  .number-space div.number-1 {
    left: 9%;
  }
  .number-space div.number-2 {
    left: calc(28.5% - 5px);
  }
  .number-space div.number-3 {
    left: calc(47.5% - 9px);
  }
  .number-space div.number-4 {
    left: calc(65.5% - 5px);
  }
}
@media (min-width: 992px) and (max-width: 1249px) {
  .plano-manutencao-1 a,
  .plano-manutencao-2 a,
  .plano-manutencao-3 a,
  .plano-manutencao-4 a {
    font-size: 15px;
  }
  h3.valor-plano.valor-total-plano-anual,
  h3.valor-plano.taxa-de-instalacao,
  h3.valor-plano.valor-total-plano-mensal {
    font-size: 20px;
  }
  .apartir-manutencao-de {
    position: relative;
    bottom: 10px;
    font-size: 15px;
  }
  p.apartir-de {
    margin: 0;
    font-size: 15px;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 120px;
  }
}

@media (min-width: 600px) and (max-width: 992px) {
  .experiencia-imersiva-level-up {
    min-height: 650px;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px;
    z-index: 1;
  }
  img.versao-bg {
    bottom: -80px;
    width: auto;
    height: 500px;
    margin: 0 auto;
    display: flex;
    left: 50%;
    transform: translate(-40%, 0px) !important;
    top: unset;
  }
}
@media (max-width: 992px) {
  .esconder-no-mob {
      display: none;
  }
  .hide-on-up {
      opacity: 1;
      pointer-events: auto;
  }
  .cup-servico-btn {
    flex-direction: column;
    gap: 10px;
  }
  .cup-menu-item:hover .cup-submenu {
    min-height: min-content;
  }
  .lista-planos-host {
    margin-bottom: 20px;
  }
  .lista-planos-host h2 {
    font-size: 23px !important;
  }
  .config-apartir-de {
    font-size: 15px;
  }
  .host-head-left h2 {
    font-size: 22px;
  }
  .personalize-sua-hospedagem,
  .personalize-sua-manutencao {
    position: relative;
  }
  .valor-total-personalizado .plano-footer {
    gap: 10px;
    flex-direction: column;
  }
  .valor-total-personalizado h3 {
    width: max-content;
  }
  .plano-calculador {
    padding-right: 0;
    flex-direction: column;
    gap: 5px;
  }
  .frankenstein h2 {
    font-size: 3rem;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 2.1rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 1.7rem;
  }

  .page-branding .display-md-none {
    display: block;
  }
  .display-sm-none {
    display: none !important;
  }

  .sites-internacionais br {
    display: block !important;
  }
  .sites-internacionais img.img-terra-inverso {
    opacity: 0.6 !important;
  }
  video.de-volta-para-a-cupcode {
    right: -215px;
    scale: 1.5;
    top: 70px;
  }
  .seu-site-de-volta-ao-futuro p {
    font-size: 15px;
  }
  .maintitle {
    transform: scale(0.38);
  }
  .row-card-contato-cupcode .card-contato-cupcode.nth-1,
  .row-card-contato-cupcode .card-contato-cupcode.nth-3 {
    margin-right: 10px;
  }
  .card-contato-cupcode h4 {
    font-size: 15px;
  }
  .card-contato-cupcode img {
    max-height: 100px;
  }

  .cases-dp-md {
    display: flex !important;
  }
  .hero-games img {
    max-height: 80px;
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 1;
  }
  .hero-games {
    background: linear-gradient(
      180deg,
      rgba(73, 6, 112, 1) 0%,
      rgba(175, 0, 255, 1) 100%
    );
  }
  .hero-games-video video {
    top: unset;
    width: 100%;
    bottom: 0;
  }
  .pocao-de-mana h2,
  .pocao-de-vida h2 {
    font-size: 1.7rem;
    line-height: 1;
  }
  .viva-antes-de-jogar h2 {
    font-size: 3.5rem;
    line-height: 1;
  }
  .viva-antes-de-jogar img {
    max-width: 400px;
  }
  .img-mobile-first h3 {
    font-size: 2rem;
  }
  .img-primeiro-lugar h3 {
    font-size: 2.4rem;
    line-height: 1;
  }
  .img-primeiro-lugar img {
    scale: 1 !important;
    transform: unset !important;
  }
  .velocidade-que-sente img {
    margin: 0 auto;
    display: flex;
  }
  .img-vigilancia-cibernetica {
    right: 40px;
  }
  .experiencia-imersiva-level-up spline-viewer {
    position: absolute;
    max-width: 100%;
    z-index: 1;
    max-height: 50%;
    left: 50%;
    top: unset;
    bottom: 0;
    transform: translate(-50%, 0) !important;
  }

  .atualizacao-de-plugin h2 {
    font-size: 1.9rem;
  }
  .design-responsivo h2 {
    font-size: 2.2rem;
  }
  .reducao-de-imagem h2 {
    font-size: 2.1rem;
    line-height: 1;
  }
  .box-manutencao-padrao {
    height: 380px;
    margin-bottom: 20px;
  }
  .box-manutencao-padrao span {
    font-size: 12px;
  }
  .box-manutencao-padrao h2 {
    font-size: 1.8rem !important;
  }
  .valor-apartir-de-mn a {
    font-size: 15px;
  }
  .head-planos-manutencao h1 {
    font-size: 1.6rem;
    line-height: 1;
  }
  h2.manutencao-mensal-titulo {
    font-size: 2.5rem !important;
    line-height: 1;
  }
  .calc-manutencao {
    flex-direction: row;
    gap: 0;
    align-items: start;
  }
  .valor-total-personalizado.manutencao {
    height: max-content;
  }
  .active-abs .calc-manutencao,
  .active-fixed .calc-manutencao {
    max-width: 100%;
    padding-right: 20px;
    align-items: center;
  }
  .valor-total-personalizado.active-abs h3,
  .valor-total-personalizado.active-fixed h3 {
    font-size: 20px;
  }
  .active-abs p,
  .active-fixed p {
    font-size: 15px;
  }
  div#pills-mensal .lista-planos-host,
  div#pills-anual .lista-planos-host {
    margin-bottom: 30px;
  }
  .cupcode-faca-parte-hero {
    height: auto;
  }
  .cupcode-faca-parte-hero img {
    top: 0;
  }
  .fazer-a-diferenca img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: grid;
  }
  .por-que-a-cupcode .logo-com-escrita-em-baixo {
    margin: 0 auto;
    display: flex;
  }
  .por-que-a-cupcode h2 {
    font-size: 4.2rem;
    line-height: 1;
  }
  .oportunidades-na-cupcode h2 {
    font-size: 5rem;
  }
  .box-oportunidades-na-cupcode {
    max-height: 650px;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 430px;
  }
  .formas-de-pagamento-cupcode h3 {
    font-size: 2.1rem;
  }
  .melhorias-continuas h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .codigo-de-conduta-cupcode img {
    max-height: 350px;
  }
  .lista-pages-links-rapidos {
    gap: 20px 0px;
  }
  .card-link-rapido h4 {
    font-size: 1.3rem;
  }

  .vagas-img-hero {
    background-position: right;
  }
  .vagas-overlay-hero {
    background: linear-gradient(
      270deg,
      rgb(0 0 0 / 0%) -60%,
      rgba(255, 255, 255, 1) 100%
    );
  }
  .sobre-a-vaga img {
    right: 0;
    max-width: 200px;
    top: 0;
  }
  .sua-rotina-vagas img,
  .requisitos-obrigatorios-vagas img,
  .requisitos-desejaveis-vagas img {
    max-width: 110px;
    position: absolute;
    top: 0;
    right: 40px;
  }
  .faca-parte-100-remoto {
    min-height: 430px;
  }
  .como-saber-se-a-cupcode-e-confiavel img {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
  }
  .half-codigo-irrefutavel h3 {
    font-size: 2.1rem;
  }
  .half-cupcode-moderno h3,
  .half-relacao-cliente-empresa h3 {
    font-size: 1.8rem;
  }
  .half-mais-que-equipe h3 {
    font-size: 1.9rem;
  }
  .half-nosso-maior-trofeu h3 {
    font-size: 2.3rem;
  }
  .transforme-sua-realidade .img-como-trabalhamos {
    top: 0;
  }
  .inovacao-criativa-cupcode h2 {
    font-size: 4vw;
  }
  .inovacao-criativa-cupcode h2 + img {
    max-width: 27vw;
  }
  .excelencia-em-desenvolvimento h3,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3 {
    font-size: 2.2rem;
  }
  .como-manter-a-garantia .min-height-400 {
    min-height: 100%;
  }
  .como-manter-a-garantia img {
    max-height: 300px;
    top: 40px;
    scale: 1 !important;
  }
  .swiper-como-funciona-garantia-2-anos p {
    font-size: 15px;
  }
  .wp-atualizacoes-de-plugin h2,
  .wp-designer-inovador h2 {
    font-size: 2rem;
  }
  .wp-mantenha-seu-porquinho h3 {
    font-size: 2rem;
  }
  .wp-engaje-e-integre h2 {
    font-size: 3rem;
  }
  .fusquinha-turbo-full h2 {
    font-size: 4rem;
  }
  .redes-sociais-setor-publico h2,
  .branding-politico h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .hero-rede-sociais {
    height: 400px !important;
  }
  .hero-rede-sociais h1,
  .hero-rede-sociais h2 {
    font-size: 2.5rem;
  }
  .hero-rede-sociais p {
    top: 240px;
  }

  .hero-rede-sociais a.lk-1 {
    top: 200px;
  }
  .hero-rede-sociais a.lk-2 {
    top: 245px;
  }
  img.bullet-20-0ff {
    bottom: 55px;
  }
  .full-mobile-apps img {
    max-height: 350px;
  }
  .full-mobile-apps .btns-box-banner {
    justify-content: center !important;
  }
  .half-velocidade-que-voce-sente h3 {
    font-size: 2.5rem;
  }
  .half-zero-taxa-100-lucro img {
    scale: 1.1 !important;
  }
  .rapidez-e-escalabidade img {
    max-width: 300px;
  }
  .full-sol-mar-e-ondas img {
    left: 100%;
    transform: translate(-90%, 0);
  }
  .ciencia-do-site h2 {
    font-size: 2.3rem;
  }
  .mobile-first-telas h2 {
    font-size: 2.3rem;
  }
  .trafego-controlado h2 {
    font-size: 2.1rem;
  }
  .copy-e-magica h2 {
    font-size: 2.5rem;
  }
  .copy-e-magica img {
    right: 0;
  }
  .fusquinha-tunado-full-width .conjunto-fusquinha img {
    position: absolute;
    height: 400px;
    left: 50%;
    transform: translate(-50%, 0px) !important;
  }
  .hr-criacao-de-sites video {
    right: 35%;
    scale: 1.5;
    bottom: 20px;
  }
  .section-planetas-em-desenvolvimento h1 {
    font-size: 3rem;
  }
  .section-planetas-em-desenvolvimento img.dev-satelite {
    width: 100%;
    max-width: 300px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(5) {
    top: 320px;
    right: 50px;
    left: unset;
    transform: rotate(45deg);
    scale: 1.2;
  }
  .para-ser-profissional-precisa-ser-profissional h2 {
    font-size: 2.5rem;
  }
  .para-ser-profissional-precisa-ser-profissional video {
    right: 0;
    scale: 1;
  }
  .half-modernize-seu-site img {
    scale: 1.1;
  }
  a.assinado-card-half img {
    max-height: 185px;
    width: auto;
  }
  .assinado-section a.assinado-card-half h4 {
    font-size: 25px;
  }
  a.assinado-card-half {
    font-size: 20px;
  }
  .assinado-section .lista-mini-half-card {
    margin-top: 20px;
    padding: 0;
  }
  .body-manual-da-marca-cliente img {
    max-width: 450px;
    top: 20px;
    position: relative;
  }
  .body-manual-da-marca-cliente {
    position: relative;
    display: flex;
  }
  .assinado-section p.assinado-texto {
    max-width: 100%;
    left: 0;
    top: 40px;
    font-size: 25px;
    max-height: 300px;
  }
  .assinado-link {
    font-size: 20px;
  }
  img.blog-app-site {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 200px;
  }
  .half-site-de-volta-ao-futuro {
    min-height: 540px;
  }
  .solicitar-gerenciamento-step.step-2 h4 {
    font-size: 16px;
  }
  .solicitar-gerenciamento-step.step-2 h3 {
    font-size: 17px;
  }
  .hospedagem-de-sites-animado img.logo-cupcode-host {
    max-width: 300px;
  }
  img.astronauta-na-balanca-de-nuvem {
    position: absolute;
    max-width: 320px;
  }
  .head-plano img {
      margin-top: 0;
  }
  .lista-planos-host {
        margin-bottom: 50px;
    }
    .head-comprar-host {
    padding-bottom: 30px;
}

}
@media (max-width: 900px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 700px !important;
    width: 700px;
  }
  .temp-texto h2 {
    font-size: 40px;
  }
  .temp-texto h2 span {
    font-size: 50px;
  }
  .number-space div {
    font-size: 72px;
    width: 75px;
  }
  .number-space {
    height: 85px;
  }
  .number-space div.number-1 {
    left: 7%;
  }
  .number-space div.number-2 {
    left: calc(22.5% - 5px);
  }
  .number-space div.number-3 {
    left: calc(37.5% - 9px);
  }
  .number-space div.number-4 {
    left: calc(51.5% - 5px);
  }
}
@media (max-width: 849.85px) {
  li.list-planos-item {
    font-size: 15px;
  }
  li.list-planos-item img {
    max-width: 20px;
    max-height: 20px;
  }
  .box-host-personalizar .host-head-left img {
    max-width: 70px;
  }
  .host-head-left h2 {
    font-size: 18px !important;
  }
  ul.lista-personalize li {
    padding: 10px 20px !important;
    font-size: 18px;
  }
  .valor-total-personalizado h3 {
    font-size: 20px;
  }
  .box-host-personalizar {
    padding-bottom: 30px;
  }
  .valor-total-personalizado {
    height: 80px;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 1.9rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 1.5rem;
  }
  .home-hero-internacional .box-texto-left-end {
    width: 60%;
  }
  .seo-grobal img {
    max-width: 300px !important;
  }
  .maintitle {
    transform: scale(0.35);
  }
  img.delorean-com-sombra {
    max-width: 350px;
  }
  .img-mobile-first h3 {
    font-size: 1.7rem;
  }
  .img-primeiro-lugar h3 {
    font-size: 2.2rem;
  }
  .uptime-downtime h2 {
    font-size: 2.3rem;
  }
  .atualizacao-de-plugin h2 {
    font-size: 1.6rem;
  }
  .design-responsivo h2 {
    font-size: 2rem;
  }
  .box-manutencao-padrao h2 {
    font-size: 1.5rem !important;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 390px;
  }
  .formas-de-pagamento-cupcode h3 {
    font-size: 1.8rem;
  }
  .faca-parte-100-remoto {
    min-height: 390px;
  }
  .half-contribuicao-para-o-mundo h3 {
    font-size: 2.3rem;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3 {
    font-size: 1.7rem;
  }
  .seguranca-em-dia h3 {
    font-size: 2.1rem;
  }
  .excelencia-em-desenvolvimento h3 {
    font-size: 2rem;
  }
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .wp-designer-inovador h2 {
    font-size: 1.9rem;
  }
  .wp-mantenha-seu-porquinho h3 {
    font-size: 1.8rem;
  }
  .wp-robusto-e-facil h2,
  .wp-seguranca-avancada h2 {
    font-size: 2.2rem;
  }
  .redes-sociais-setor-publico h2,
  .branding-politico h2 {
    font-size: 2.2rem;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 110px;
  }
  .hero-rede-sociais {
    height: 365px !important;
  }
  .hero-rede-sociais p {
    max-width: 190px;
    position: absolute;
    right: 0 !important;
    transform: translate(0, 0);
    margin: 0;
    top: 60px;
    left: unset !important;
  }
  .hero-rede-sociais a.lk-1 {
    top: 185px;
  }
  .hero-rede-sociais a.lk-2 {
    top: 225px;
  }
  .half-zero-taxa-100-lucro img {
    scale: 1 !important;
  }
  .half-lojas-virtuais h3 {
    font-size: 2rem;
  }
  .ciencia-do-site h2 {
    font-size: 2rem;
  }
  .mobile-first-telas h2 {
    font-size: 2rem;
  }
  .trafego-controlado h2 {
    font-size: 1.8rem;
  }
  .copy-e-magica h2 {
    font-size: 2.4rem;
  }
  .half-site-de-volta-ao-futuro .delorean-com-sombra {
    max-width: 300px;
    top: 190px;
    left: 0;
  }
  .half-site-de-volta-ao-futuro .maintitle {
    left: -35px;
    transform: scale(0.35);
    top: 75px;
  }
  .half-site-de-volta-ao-futuro video {
    width: 165%;
  }
}
@media (max-width: 767.85px) {
  .home-page-section.hero-box h2 {
      margin-bottom: 30px;
  }
  li.list-planos-item {
    font-size: 20px;
  }
  li.list-planos-item img {
    max-width: 25px;
    max-height: 25px;
  }
  ul.lista-personalize {
    padding: 0;
  }
  ul.lista-personalize:last-of-type {
    margin-bottom: 90px;
  }
  .personalize-sua-hospedagem,
  .personalize-sua-manutencao {
    margin-top: 20px;
  }
  section#calculoValor p {
    font-size: 15px;
  }
  .host-head-left h2 {
    font-size: 25px !important;
  }

  #calculoValor .personalize-sua-hospedagem,
  #calculoValor .personalize-sua-manutencao {
    max-height: 100%;
    overflow: hidden;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 2.6rem;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 3rem;
  }
  .economia-e-transparencia h2 {
    font-size: calc(1.325rem + 0.9vw) !important;
  }
  .seo-grobal {
    height: 550px;
  }
  .seo-grobal img {
    margin: 0 auto;
    display: flex;
    max-width: 400px !important;
  }
  .overlay-dark {
    width: 100%;
    height: 450px;
    bottom: 0;
    background: linear-gradient(
      181deg,
      rgba(0, 0, 0, 0.02) 5%,
      rgba(0, 0, 0, 0.9473039215686274) 32%,
      rgba(0, 0, 0, 1) 100%
    );
  }
  .seu-site-de-volta-ao-futuro {
    min-height: 600px;
    display: flex;
    align-items: flex-end;
  }
  img.delorean-com-sombra {
    right: 20px;
    bottom: 60px;
    width: 100%;
  }
  .title-de-volta-futuro {
    min-height: 100px;
    top: 100px;
    position: absolute;
  }
  .maintitle {
    font-size: 7rem;
  }
  .maintitle .line {
    font-size: 7.8rem;
  }
  video.de-volta-para-a-cupcode {
    right: 0;
    scale: 1;
    top: 0;
    transform: unset;
  }
  .maintitle {
    transform: scale(0.4);
  }
  .title-de-volta-futuro {
    top: 90px;
  }

  li.cases-de-sucesso-destaque {
    background: unset;
    border-radius: 0;
  }

  .pocao-de-mana h2,
  .pocao-de-vida h2,
  .img-mobile-first h3,
  .img-primeiro-lugar h3 {
    font-size: 2.5rem;
  }
  .img-vigilancia-cibernetica {
    right: 0;
  }
  .atualizacao-tematica video,
  .reestruturacao-de-codigo video {
    width: 100%;
    height: auto;
  }
  .atualizacao-tematica,
  .reestruturacao-de-codigo {
    height: 600px !important;
  }
  .atualizacao-de-plugin h2,
  .design-responsivo h2,
  .reducao-de-imagem h2,
  .atualizacao-tematica h2 {
    font-size: 2.5rem;
  }
  .cupcode-manutencao h2 {
    font-size: 3rem !important;
    line-height: 1;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 365px;
  }
  .formas-de-pagamento-cupcode h3 {
    font-size: 3rem;
  }
  .melhorias-continuas h2 {
    font-size: 3rem;
  }
  .vagas-hero h1 {
    font-size: 2.8rem;
  }
  .sobre-a-vaga h2,
  .sua-rotina-vagas h2,
  .requisitos-obrigatorios-vagas h2,
  .requisitos-desejaveis-vagas h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .sua-rotina-vagas img,
  .requisitos-obrigatorios-vagas img,
  .requisitos-desejaveis-vagas img {
    max-width: max-content;
    top: 30px;
    right: 40px;
    max-height: 100px;
  }
  .faca-parte-100-remoto {
    min-height: 365px;
  }
  .qualidade-da-cupcode-box {
    padding-bottom: 55px;
  }
  .inovacao-criativa-cupcode h2 {
    font-size: 6vw;
  }
  .inovacao-criativa-cupcode h2 + img {
    max-width: 50vw;
  }
  .avalicoes-clientes {
    flex-direction: column;
  }
  .avalicoes-clientes-pontos {
    text-align: center;
  }
  .avaliacoes-pontos-star {
    justify-content: center;
  }
  .half-cupcode-moderno h3,
  .half-relacao-cliente-empresa h3,
  .half-imitacao-admiracao h3,
  .half-pioneiro-tecnologia h3,
  .half-mais-que-equipe h3,
  .half-nosso-maior-trofeu h3,
  .solucoes-sob-medida h3,
  .half-contribuicao-para-o-mundo h3,
  .transforme-sua-realidade h3,
  .posso-confiar-na-cupcode h1 {
    font-size: 2.5rem;
    line-height: 1;
  }
  button#gooey-button p {
    font-size: 40px !important;
  }
  .feedback-positivo p,
  .compromisso-aprendizagem p,
  .solucoes-sob-medida p {
    font-size: 15px;
    margin: 0;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .excelencia-em-desenvolvimento h3,
  .seguranca-em-dia h3,
  .para-voce-ficar-numa-boa h2,
  .garantia-de-2-anos-hero h1 {
    font-size: 3rem;
  }
  .como-funciona-garantia-2-anos-box h4 {
    font-size: 2rem;
  }
  .wp-robusto-e-facil h2,
  .wp-seguranca-avancada h2,
  .wp-atualizacoes-de-plugin h2,
  .wp-designer-inovador h2,
  .wp-mantenha-seu-porquinho h3,
  .redes-sociais-setor-publico h2,
  .branding-politico h2 {
    font-size: 3rem;
  }
  .hero-rede-sociais p {
    max-width: 180px;
    position: absolute;
    right: 0 !important;
    transform: translate(0, 0);
    margin: 0;
    top: 50px;
    left: 10px !important;
  }
  .hero-rede-sociais a.lk-1 {
    top: 190px;
    text-align: start !important;
    left: 10px;
  }
  .hero-rede-sociais a.lk-2 {
    top: 190px;
  }
  .hero-rede-sociais {
    height: 338px !important;
  }
  .hero-rede-sociais h1,
  .hero-rede-sociais h2 {
    font-size: 2rem;
    text-align: start;
  }
  .half-velocidade-que-voce-sente h3,
  .half-zero-taxa-100-lucro h3 {
    font-size: 3rem;
  }
  .half-lojas-virtuais h3 {
    font-size: 3rem;
  }
  .ciencia-do-site h2 {
    font-size: 3rem;
  }
  .mobile-first-telas h2 {
    font-size: 3.5rem;
  }
  .copy-e-magica h2,
  .trafego-controlado h2 {
    font-size: 3rem;
    line-height: 1;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(7) {
    right: 220px;
    width: 65px;
    top: 70px;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(4) {
    top: 50px;
    left: 30px;
    width: 70px;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(6) {
    top: 270px;
    left: 50px;
    width: 40px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(3) {
    top: 230px;
    right: 180px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(5) {
    top: 315px;
    left: 510px;
  }
  .section-planetas-em-desenvolvimento img.dev-satelite {
    margin: auto 0;
  }
  .half-modernize-seu-site img {
    scale: 1;
    bottom: 0;
    max-width: 100% !important;
  }
  .body-manual-da-marca-cliente img {
    max-width: 65%;
    left: -30px;
  }
  .assinado-section p.assinado-texto {
    font-size: 20px;
  }
  .blog-assinatura h2 {
    font-size: 3.5rem;
  }
  .blog-assinatura img.blog-app-site {
    width: 160px;
  }
  .passo-2-pre-embarque h2,
  .passo-1-pre-embarque h2 {
    font-size: 1.8rem;
  }
  .hero-pre-embarque h1 {
    font-size: 2rem !important;
  }
  .half-site-de-volta-ao-futuro video {
    width: 100%;
  }
  .half-site-de-volta-ao-futuro {
    min-height: 600px;
  }
  .half-site-de-volta-ao-futuro .delorean-com-sombra {
    max-width: 325px;
    top: 155px;
    left: 0;
  }
  .half-site-de-volta-ao-futuro .maintitle {
    left: 25px;
    transform: scale(0.35);
    top: 240px;
  }
  .half-site-de-volta-ao-futuro .overlay-dark {
    height: 100%;
  }
  .hospedagem-de-sites-animado img.logo-cupcode-host {
    max-width: 300px;
  }
  .desenvolvimento-de-lojas-virtuais-home img.carrinho-lojas-virtuais-mob {
    max-width: 300px;
  }
}
@media (max-width: 720px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 620px !important;
    width: 620px;
  }
  .temp-texto h2 {
    font-size: 32px;
  }
  .temp-texto h2 span {
    font-size: 40px;
  }
  .number-space div {
    font-size: 68px;
    width: 72px;
  }
  .number-space {
    height: 76px;
  }
  .number-space div.number-1 {
    left: 6%;
  }
  .number-space div.number-2 {
    left: calc(20.5% - 5px);
  }
  .number-space div.number-3 {
    left: calc(33.5% - 7px);
  }
  .number-space div.number-4 {
    left: calc(46.5% - 5px);
  }
}
@media (max-width: 680.85px) {
  .valor-total-personalizado .plano-footer h3.valor-plano {
    font-size: 15px;
  }
  .valor-total-personalizado h3 {
    font-size: 15px;
    margin: 0;
  }
  .valor-total-personalizado .plano-footer a {
    padding: 5px 15px;
    font-size: 15px;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 2.3rem;
  }
  .seo-grobal img {
    max-width: 350px !important;
  }
  .hero-games {
    min-height: 500px;
  }
  .viva-antes-de-jogar h2 {
    font-size: 3rem;
  }

  .img-mobile-first h3,
  .img-primeiro-lugar h3 {
    font-size: 2.4rem;
  }
  .mais-codigo-experiencia h2 {
    font-size: 3rem;
  }

  .cupcode-manutencao h2 {
    font-size: 2.5rem !important;
  }
  .active-abs .calc-manutencao {
    flex-direction: column;
    align-items: start;
  }
  .active-abs .calc-manutencao div:first-child {
    border-bottom: solid #c4c4c4 1px;
    padding-bottom: 5px;
  }
  .manutencao-pb {
    padding-bottom: 160px !important;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 325px;
  }
  .vem-descobrir-tudo-na-cupcode h2 {
    font-size: 1.7rem;
  }
  .faca-parte-100-remoto {
    min-height: 325px;
  }
  .resultados-comprovados h3,
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .excelencia-em-desenvolvimento h3,
  .seguranca-em-dia h3,
  .para-voce-ficar-numa-boa h2,
  .garantia-de-2-anos-hero h1 {
    font-size: 2.5rem;
  }
  .hero-rede-sociais p {
    max-width: 160px;
    left: 10px !important;
    font-size: 12px;
    top: 80px;
  }
  .mobile-first-telas h2 {
    font-size: 3.3rem;
  }
  .copy-e-magica h2,
  .trafego-controlado h2 {
    font-size: 2.5rem;
  }
  .section-planetas-em-desenvolvimento h1 {
    font-size: 2.5rem;
  }
  div#modalEspacoTempo h4 {
    font-size: 1.2rem;
  }
  div#modalEspacoTempo h5 {
    font-size: 1.1rem;
  }
  a.assinado-card-half {
    width: 100%;
  }
  .para-ser-profissional-precisa-ser-profissional h2 {
    font-size: 2rem;
  }
}

@media (max-width: 640px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 500px !important;
    width: 500px;
  }
  .temp-texto h2 {
    font-size: 25px;
  }
  .temp-texto h2 span {
    font-size: 31px;
  }
  .number-space div {
    font-size: 50px;
    width: 50px;
  }
  .number-space {
    height: 55px;
  }
  .number-space div.number-1 {
    left: calc(4% + 4px);
  }
  .number-space div.number-2 {
    left: calc(14.5% - 1px);
  }
  .number-space div.number-3 {
    left: calc(24.5% - 4px);
  }
  .number-space div.number-4 {
    left: calc(34.5% - 4px);
  }
}
@media (max-width: 620.85px) {
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 2.6rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 2rem;
  }
  .box-oque-esperamos-de-voce {
    flex-direction: column;
  }
  .oque-esperamos-de-voce img {
    max-width: 100%;
  }
  .box-oque-esperamos-de-voce-texto h3 {
    font-size: 18px;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 290px;
  }
  .vem-descobrir-tudo-na-cupcode h2 {
    font-size: 1.5rem;
  }
  .formas-de-pagamento-cupcode h3 {
    font-size: 2.5rem;
  }
  .faca-parte-100-remoto {
    min-height: 290px;
  }
  .solucoes-sob-medida h3 {
    font-size: 2.3rem;
  }
  .half-contribuicao-para-o-mundo img {
    top: 25px !important;
    left: 50px;
  }
  .transforme-sua-realidade h3 {
    font-size: 2.2rem;
  }
  .posso-confiar-na-cupcode img,
  .como-saber-se-a-cupcode-e-confiavel img,
  .inovacao-criativa-cupcode img.arte-de-pensar {
    max-width: 100%;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .excelencia-em-desenvolvimento h3,
  .seguranca-em-dia h3,
  .para-voce-ficar-numa-boa h2,
  .garantia-de-2-anos-hero h1 {
    font-size: 2.3rem;
  }
  .wp-designer-inovador h2,
  .wp-engaje-e-integre h2 {
    font-size: 2.5rem;
  }
  .wp-mantenha-seu-porquinho h3 {
    font-size: 2.5rem;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 90px;
    top: -15px;
    right: -15px;
  }
  .hero-rede-sociais video {
    left: 75px;
    bottom: 40px;
    scale: 1.3 !important;
  }
  .hero-rede-sociais h1,
  .hero-rede-sociais h2 {
    font-size: 1.8rem;
  }
  .half-velocidade-que-voce-sente h3,
  .half-zero-taxa-100-lucro h3 {
    font-size: 2.5rem;
  }
  .rapidez-e-escalabidade h2 {
    font-size: 2.3rem;
  }
  .full-sol-mar-e-ondas h2 {
    font-size: 3rem;
  }
  .ciencia-do-site h2 {
    font-size: 2.8rem;
  }
  .mobile-first-telas h2 {
    font-size: 2.9rem;
  }
  .section-planetas-em-desenvolvimento h1 {
    font-size: 2.2rem;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(5) {
    left: 400px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(3) {
    top: 250px;
    right: 120px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(7) {
    right: 170px;
    top: 35px;
  }
  img.versao-bg {
    bottom: -40px;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translate(-40%, 0px) !important;
    top: unset;
  }
  .half-site-de-volta-ao-futuro {
    min-height: 650px;
  }
  .half-site-de-volta-ao-futuro .maintitle {
    left: -25px;
    transform: scale(0.35);
    top: 275px;
  }
  .half-site-de-volta-ao-futuro .delorean-com-sombra {
    max-width: 325px;
    top: 186px;
    left: 0;
  }
  .half-site-de-volta-ao-futuro video {
    width: 135%;
  }
  .hospedagem-de-sites-animado img.logo-cupcode-host {
    max-width: 260px;
  }
}
@media (max-width: 570px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 400px !important;
    width: 400px;
  }
  .temp-texto h2 {
    font-size: 20px;
  }
  .temp-texto h2 span {
    font-size: 25px;
  }
  .number-space div {
    font-size: 50px;
    width: 50px;
  }
  .number-space {
    height: 55px;
  }
  .number-space div.number-1 {
    left: calc(4% + 4px);
  }
  .number-space div.number-2 {
    left: calc(14.5% - 1px);
  }
  .number-space div.number-3 {
    left: calc(24.5% - 4px);
  }
  .number-space div.number-4 {
    left: calc(34.5% - 4px);
  }
}
@media (max-width: 567.85px) {
  button#pills-dedicada-tab div,
  button#pills-compartilhada-tab div {
    font-size: 14px !important;
  }
  button#pills-dedicada-tab,
  button#pills-compartilhada-tab {
    width: 150px;
    padding: 5px 10px;
  }
  button#pills-dedicada-tab img,
  button#pills-compartilhada-tab img {
    max-width: 40px;
  }

  .head-comprar-host h6,
  .head-comprar-host a {
    font-size: 14px;
  }
  section#calculoValor p {
    font-size: 12px;
  }
  .host-head-left h2 {
    font-size: 18px !important;
  }
  .pb-valor-personalizado {
    padding-bottom: 80px !important;
  }
  .valor-total-personalizado .plano-footer h3.valor-plano {
    font-size: 15px;
    width: max-content;
  }
  .valor-total-personalizado h3 {
    font-size: 15px;
  }
  .valor-total-personalizado .plano-footer a {
    padding: 5px 15px;
    font-size: 12px;
  }
  .aviso-alerta {
    width: 280px;
  }
  .icon-alert-abs img {
    max-height: 50px;
    min-width: 50px;
  }
  .roll-alerta.animation-end {
    max-width: 70px;
  }
  .roll-alerta {
    max-height: 60px;
  }
  .icon-alert-abs {
    max-height: 60px;
    max-width: 70px;
  }
  .body-alert-roll p {
    font-size: 20px;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 2.1rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 1.6rem;
  }
  .frankenstein img,
  .manual-da-marca img {
    max-height: 100%;
  }
  .home-hero-internacional .box-texto-left-end {
    width: 100%;
  }
  .hero-internacional video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 225%;
    transform: translate(-50%, 0);
  }
  .home-hero-internacional {
    height: 460px !important;
  }
  .seo-grobal img {
    max-width: 330px !important;
  }

  video.de-volta-para-a-cupcode {
    right: 0;
    scale: 1.4;
    top: 40px;
    transform: unset;
  }
  .maintitle {
    transform: scale(0.32);
    left: -65px;
  }
  .hero-games h1 {
    font-size: 1.9rem;
  }
  .hero-games span {
    font-size: 1.2rem;
  }
  .pocao-de-mana h2,
  .pocao-de-vida h2 {
    font-size: 1.9rem;
  }
  .viva-antes-de-jogar h2 {
    font-size: 2.3rem;
  }
  .melhoramos-ui-ux h2 {
    font-size: 2.6rem;
  }

  .img-mobile-first h3,
  .img-primeiro-lugar h3 {
    font-size: 1.9rem;
  }
  .velocidade-que-sente h2 {
    font-size: 2.6rem;
  }
  .mais-codigo-experiencia h2 {
    font-size: 2.3rem;
  }
  .hero-games {
    min-height: 360px;
  }
  .animation-blindagem img {
    max-width: 100%;
  }
  .animation-blindagem {
    position: relative;
    height: 100%;
    min-height: 300px;
  }
  .cupcode-manutencao img {
    max-width: 100%;
  }
  .atualizacao-tematica video,
  .reestruturacao-de-codigo video {
    width: auto;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .section-ebook h2 {
    font-size: 2.1rem;
    line-height: 1;
  }
  .reducao-de-imagem h2 {
    font-size: 2rem;
  }
  .atualizacao-tematica h2,
  .atualizacao-de-plugin h2,
  .design-responsivo h2 {
    font-size: 1.7rem;
  }
  .head-planos-manutencao h1 {
    font-size: 1rem;
  }
  .manutencao-pb {
    padding-bottom: 180px !important;
  }
  .host-head-left h2 {
    font-size: 15px !important;
  }
  .lista-personalize-com-texto .c-texto,
  .lista-personalize-texto-input {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
  }
  .manutencao-pb li.list-planos-item {
    font-size: 15px !important;
  }
  .row-informacoes-manutencao {
    flex-direction: column;
  }
  .row-informacoes-manutencao div:first-child {
    border-bottom: solid 1px #c4c4c4;
    padding-bottom: 5px;
  }
  .row-informacoes-manutencao div:nth-child(2) {
    padding-top: 5px;
  }
  .valor-total-personalizado.active-fixed .calc-manutencao {
    flex-direction: column;
    align-items: start;
  }
  .valor-total-personalizado.active-fixed .calc-manutencao div:first-child {
    border-bottom: solid 1px #c4c4c4;
    padding-bottom: 5px;
  }
  .valor-total-personalizado.active-fixed .calc-manutencao div:nth-child(2) {
    padding-top: 5px;
  }
  .plan.informacoes {
    position: absolute;
    left: 0;
    width: 170px;
    z-index: 2;
  }
  .plan.mensal {
    margin-left: 174px;
  }
  ul.pills-manutencao {
    display: flex;
    flex-wrap: nowrap;
  }
  div#modalCompararManutencao .modal-sticky-padding {
    padding: 30px 0px;
  }
  .pocao-de-mana span,
  .pocao-de-vida span {
    font-size: 15px;
  }
  .cupcode-manutencao span.sub_titulo {
    font-size: 14px !important;
  }
  .half-marketing-politico h3,
  .half-manutencap-de-sites h2,
  .half-modernize-seu-site h3 {
    font-size: 1.6rem;
    line-height: 1;
  }
  .comprar-hospedagem-escolha h1 {
    font-size: 1.1rem !important;
    align-items: center;
  }
  .cupcode-faca-parte-hero h1 {
    font-size: 1.9rem;
  }
  .fazer-a-diferenca h2 {
    font-size: 2rem;
  }
  .por-que-a-cupcode img.logo-cupcode-pink {
    max-width: 85%;
  }
  .por-que-a-cupcode h2 {
    font-size: 3rem;
    line-height: 1;
  }
  .oque-esperamos-de-voce h2 {
    font-size: 1.7rem;
  }
  .box-oportunidades-na-cupcode-lista span {
    padding: 8px;
    top: unset;
    bottom: 0;
  }
  .box-oportunidades-na-cupcode-lista p {
    padding-bottom: 25px;
  }
  .oportunidades-na-cupcode h2 {
    font-size: 4rem;
    margin-bottom: 20px;
  }
  .box-oportunidades-na-cupcode-lista h3 {
    font-size: 15px;
  }
  .vem-descobrir-tudo-na-cupcode {
    height: 200px;
  }
  .vem-descobrir-tudo-na-cupcode h2 {
    font-size: 1rem;
  }
  .formas-de-pagamento-cupcode h3 {
    font-size: 2rem;
  }
  .codigo-de-conduta-cupcode h2 {
    font-size: 1.7rem;
    line-height: 1;
  }
  .hora-de-trabalhar-sua-evolucao h2 {
    font-size: 2.4rem;
    line-height: 1;
  }
  .sobre-a-vaga img {
    max-width: 150px;
  }
  .sobre-a-vaga h2,
  .sua-rotina-vagas h2,
  .requisitos-obrigatorios-vagas h2,
  .requisitos-desejaveis-vagas h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .sua-rotina-vagas img,
  .requisitos-obrigatorios-vagas img,
  .requisitos-desejaveis-vagas img {
    max-width: max-content;
    top: 10px;
    right: 10px;
    max-height: 100px;
  }
  .faca-parte-100-remoto {
    min-height: 215px;
  }
  .faca-parte-100-remoto .sub_titulo {
    top: 20px;
    left: 20px;
  }
  .faca-parte-100-remoto p {
    bottom: 20px;
    left: 20px;
  }
  .faca-parte-100-remoto .h2-remoto {
    left: 20px;
  }
  .half-codigo-irrefutavel h3,
  .feedback-positivo h3 {
    font-size: 2rem;
  }
  .half-cupcode-moderno h3,
  .half-relacao-cliente-empresa h3,
  .half-mais-que-equipe h3 {
    font-size: 1.8rem;
  }
  .half-imitacao-admiracao h3,
  .solucoes-sob-medida h3 {
    font-size: 1.7rem;
  }
  .half-pioneiro-tecnologia h3 {
    font-size: 2.3rem;
  }
  .compromisso-aprendizagem h3,
  .half-contribuicao-para-o-mundo h3 {
    font-size: 2.1rem;
  }
  .half-nosso-maior-trofeu h3 {
    font-size: 2.2rem;
  }
  .solucoes-sob-medida img {
    max-width: 100%;
  }
  .half-seguranca-e-confianca h3 {
    font-size: 3rem;
  }
  .half-contribuicao-para-o-mundo img {
    top: 5px !important;
    left: 0;
  }
  .resultados-comprovados h3 {
    font-size: 1.8rem;
  }
  .resultados-comprovados p {
    font-size: 15px;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .excelencia-em-desenvolvimento h3,
  .seguranca-em-dia h3,
  .para-voce-ficar-numa-boa h2,
  .garantia-de-2-anos-hero h1,
  .swiper-como-funciona-garantia-2-anos h2 {
    font-size: 1.9rem;
  }
  .garantia-de-2-anos-hero img,
  .para-voce-ficar-numa-boa img,
  .parceria-de-protecao img,
  .e-facil-dar-2-anos-de-garantia img,
  .oque-esta-coberto img,
  .seguranca-em-dia img,
  .excelencia-em-desenvolvimento img,
  .medidor-na-velocidade-da-luz img,
  .como-manter-a-garantia img,
  .planejando-as-rotas img,
  .seguro-como-um-bunker img {
    max-width: 100%;
  }
  .hero-wordpress h1 {
    font-size: 3rem;
  }
  .wp-robusto-e-facil h2 {
    font-size: 2.5rem;
  }
  .wp-designer-inovador h2,
  .wp-atualizacoes-de-plugin h2 {
    font-size: 2.1rem;
  }
  .wp-engaje-e-integre h2 {
    font-size: 2rem;
  }
  .wp-mantenha-seu-porquinho h3 {
    font-size: 2rem;
  }
  .fusquinha-turbo-full h2 {
    font-size: 3rem;
  }
  .redes-sociais-setor-publico h2,
  .branding-politico h2 {
    font-size: 2rem;
  }
  .brasao-cupcode-civic h2 {
    font-size: 2.5rem;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 75px;
  }
  .hero-rede-sociais video {
    left: 75px;
    bottom: 40px;
    scale: 1.4 !important;
  }
  .hero-rede-sociais {
    height: 275px !important;
  }
  .hero-rede-sociais h1,
  .hero-rede-sociais h2 {
    font-size: 1.6rem;
  }
  .section-pages-posts-recentes h4 {
    font-size: 1rem;
    margin: 0;
  }
  .section-pages-posts-recentes h2 {
    font-size: 2rem;
  }

  .desenvolvimento-webp-apps h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .full-mobile-apps h2 {
    font-size: 2.5rem;
    line-height: 1;
  }
  .half-zero-taxa-100-lucro h3 {
    font-size: 2.1rem;
  }
  .full-sol-mar-e-ondas img {
    max-width: 300px;
  }
  .full-sol-mar-e-ondas h2 {
    font-size: 2.3rem;
  }
  .half-lojas-virtuais h3 {
    font-size: 2.5rem;
  }
  .ciencia-do-site h2 {
    font-size: 2.1rem;
  }
  .mobile-first-telas h2 {
    font-size: 2.3rem;
  }
  .copy-e-magica h2,
  .trafego-controlado h2 {
    font-size: 2rem;
  }
  .fusquinha-tunado-full-width h2 {
    font-size: 4rem;
  }
  .fusquinha-tunado-full-width .conjunto-fusquinha img {
    height: 260px;
  }
  .fusquinha-tunado-full-width .conjunto-fusquinha {
    min-height: 250px;
  }
  .topo-das-pesquisas h2 {
    font-size: 2.3rem;
    line-height: 1;
  }
  .hr-criacao-de-sites h2 {
    font-size: 2.3rem;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(3) {
    top: 360px;
    right: 5px;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(6) {
    top: 205px;
  }

  .section-planetas-em-desenvolvimento .planetas-img:nth-child(4) {
    top: 50px;
    left: 20px;
    width: 50px;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(7) {
    right: 215px;
    top: 10px;
    width: 50px;
  }

  .section-planetas-em-desenvolvimento img.dev-satelite {
    max-width: 230px;
    margin: 0 auto;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(5) {
    left: 290px;
    top: 190px;
    width: 55px;
  }
  .section-planetas-em-desenvolvimento img.dev-terra-desenvolvimento {
    width: 125px;
    opacity: 0.6;
  }
  .section-planetas-em-desenvolvimento .planetas-img:nth-child(2) {
    top: 10px;
    right: 10px;
    width: 100px;
  }
  .assinado-section p.assinado-texto {
    font-size: 14px;
    max-height: 150px;
  }
  .assinado-link {
    font-size: 16px;
    right: 20px;
    bottom: 20px;
  }

  .blog-assinatura h2 {
    font-size: 2.5rem;
  }
  .blog-assinatura img.blog-app-site {
    width: 125px;
    top: 15px;
    right: 15px;
  }
  #whatsapp-popup .nav-link {
    width: 65px;
    max-width: 65px;
  }
  #whatsapp-popup .nav-link,
  #whatsapp-popup .nav-link a {
    font-size: 10px;
  }
  .mensagem-cupcode a {
    font-size: 11px;
  }
  .half-site-de-volta-ao-futuro .maintitle {
    left: -70px;
    transform: scale(0.32);
    top: 265px;
  }
  .half-site-de-volta-ao-futuro .delorean-com-sombra {
    max-width: 100%;
    top: 210px;
    left: 0;
  }
  .half-site-de-volta-ao-futuro video {
    width: 150%;
  }
  .half-site-de-volta-ao-futuro .overlay-dark {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.02) 35%,
      rgba(0, 0, 0, 0.9473039215686274) 45%,
      rgba(0, 0, 0, 1) 100%
    );
  }
  .para-ser-profissional-precisa-ser-profissional h2 {
    font-size: 1.8rem;
    margin-bottom: 180px;
  }
  .para-ser-profissional-precisa-ser-profissional p {
    text-align: center;
  }
  .para-ser-profissional-precisa-ser-profissional video {
    top: -50px;
    scale: 1;
    left: 30%;
    transform: translate(-50%, 0);
    right: unset;
  }
  .box-orcamento-feito.selection-function-col-6 img {
    max-height: 100px;
  }
  .box-orcamento-feito.selection-function-col-6 h3 {
    font-size: 15px;
  }
  section#hero-thanks img.hero-thanks-planet {
    rotate: -10deg;
    bottom: 10px;
    left: 10px;
  }
  .solicitar-gerenciamento-proprio h1 {
    font-size: 25px;
  }
  .solicitar-gerenciamento-proprio p {
    font-size: 15px;
  }
  .solicitar-gerenciamento-proprio p br {
    display: none;
  }
  .solicitar-gerenciamento-proprio .elementos-abs {
    opacity: 0.5;
  }
  .footer-step2-gerenciamento {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer-step2-gerenciamento .form-check {
    padding: 0;
  }
  .hospedagem-de-sites-animado img.logo-cupcode-host {
    max-width: 200px;
  }
  .secao-com-3-cards-home [class*="card-small-n"] {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 430px) {
  div#modalEspacoTempo .modal-ver-mais-informacao,
  div#modalEspacoTempo .sticky-close-button {
    max-width: 360px !important;
    width: 360px;
  }
  .temp-texto h2 {
    font-size: 19px;
  }
  .temp-texto h2 span {
    font-size: 24px;
  }
  .number-space div {
    font-size: 40px;
    width: 40px;
  }
  .number-space {
    height: 47px;
  }
  .number-space div.number-1 {
    left: calc(3% + 4px);
  }
  .number-space div.number-2 {
    left: calc(12.5% - 2px);
  }
  .number-space div.number-3 {
    left: calc(20.5% - 1px);
  }
  .number-space div.number-4 {
    left: calc(29.5% - 5px);
  }
  .para-ser-profissional-precisa-ser-profissional h2 {
    font-size: 1.7rem;
  }
  .hm-section-desenvolvimento h2 {
    font-size: 1.7rem;
  }
}
@media (max-width: 420px) {
  .comprar-hospedagem-escolha {
    padding: 20px !important;
  }
  .pb-valor-personalizado {
    padding-bottom: 80px !important;
  }
  .proporcao-aurea h2,
  .tons-de-sucesso h2,
  .tipografia-da-fonte h2,
  .elemento-grafico-charme h2,
  .influencer-digital h2,
  .apresentacao-comercial h2 {
    font-size: 1.9rem;
  }
  .frankenstein h2 {
    font-size: 2.8rem;
  }
  .tom-de-voz h2,
  .aspiracoes-principios h2,
  .manual-da-marca h2 {
    font-size: 1.5rem;
  }
  .hero-games h1 {
    font-size: 1.7rem;
  }
  .viva-antes-de-jogar h2 {
    font-size: 2.2rem;
  }
  .melhoramos-ui-ux h2 {
    font-size: 2.4rem;
  }

  .img-mobile-first h3,
  .img-primeiro-lugar h3 {
    font-size: 1.8rem;
  }

  .velocidade-que-sente h2 {
    font-size: 2.5rem;
  }
  .hora-de-trabalhar-sua-evolucao h2 {
    font-size: 2.2rem;
  }
  .faca-parte-100-remoto {
    min-height: 200px;
  }

  .inovacao-criativa-cupcode h2 {
    font-size: 8vw;
  }
  .inovacao-criativa-cupcode h2 + img {
    max-width: 70vw;
  }
  .half-codigo-irrefutavel h3,
  .feedback-positivo h3,
  .compromisso-aprendizagem h3 {
    font-size: 1.9rem;
  }
  .avalicoes-clientes-pontos span {
    font-size: 12px;
  }
  .half-cupcode-moderno h3,
  .half-relacao-cliente-empresa h3,
  .half-mais-que-equipe h3 {
    font-size: 1.7rem;
  }
  .half-imitacao-admiracao h3,
  .solucoes-sob-medida h3 {
    font-size: 1.6rem;
  }
  .half-nosso-maior-trofeu h3 {
    font-size: 2.1rem;
  }
  .half-contribuicao-para-o-mundo h3 {
    font-size: 2rem;
  }
  .transforme-sua-realidade .btn-cafe-digital.desk-dp a {
    flex-direction: column;
    text-align: center;
  }
  .suporte-tecnico.resolucao h3,
  .paz-e-amor.solucoes h3,
  .wp-designer-inovador h2,
  .wp-engaje-e-integre h2,
  .wp-mantenha-seu-porquinho h3 {
    font-size: 1.9rem;
  }
  .e-facil-dar-2-anos-de-garantia h3,
  .medidor-na-velocidade-da-luz h3,
  .como-manter-a-garantia h2,
  .planejando-as-rotas h3,
  .seguro-como-um-bunker h3,
  .excelencia-em-desenvolvimento h3,
  .seguranca-em-dia h3,
  .para-voce-ficar-numa-boa h2,
  .garantia-de-2-anos-hero h1,
  .swiper-como-funciona-garantia-2-anos h2 {
    font-size: 1.7rem;
  }
  .wp-robusto-e-facil h2 {
    font-size: 2.3rem;
  }
  .fusquinha-turbo-full h2 {
    font-size: 2.5rem;
  }
  .nossos-cases-de-sucesso img.img-nossos-cases {
    max-width: 60px;
  }
  .full-mobile-apps h2 {
    font-size: 2rem;
  }
  .half-zero-taxa-100-lucro h3 {
    font-size: 1.9rem;
  }
  .mobile-first-telas h2 {
    font-size: 2.1rem;
  }
  .trafego-controlado h2 {
    font-size: 1.9rem;
  }
  .experiencia-imersiva-row-text h2 {
    font-size: 2rem !important;
  }
  .experiencia-imersiva-row-text {
    min-height: 570px !important;
  }
}