/*
Theme Name: Afixcode
Theme URI: https://afixcode.com
Author: InCuca Tech
Author URI: https://afixcode.net/
Description: Tema desenvolvido para o site da Afixcode
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: afixcode
Tags: 
*/

@theme {
  --color-blue-900: #061F51;
  --color-sky-950: #061F51;
}

/* Global */
.wp-block-group.secao-conteudo-servicos-view,
#texto-completo.relative.grafismo-item-6,
.wp-container-core-group-is-layout-e04da429,
#lista-do-software.recursos.padd_default_2x,
.has-global-padding,
#casos-de-sucesso,
#continue-lendo,
:where(.wp-singular) #contato>.ct-section-inner-wrap,
.padd_default {
  padding-top: 37.5px !important;
  padding-bottom: 37.5px !important;
}

.padd_default.servicos-view,
.padd_default_1x3 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

/* 1.333x sobre paddDafault */

.page-id-83814 #historia,
#bloco-lista-imagem.graphics-top.padd_default,
.padd_default_2x {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

/* 2x sobre paddDafault */

.padd_default.segunda-dobra,
.padd_default_1x3.segunda-dobra,
:where(.wp-site-blocks) .entry-content section:nth-child(3),
.padd_default_2x.segunda-dobra {
  padding-top: 45px !important;
}

.paddTop_default {
  padding-top: 37.5px !important;
}

:where(.wp-site-blocks) .entry-content section:nth-child(3) {
  position: relative;
  z-index: 20;
}

.padd_zero {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Exceção */
.page-id-83814 #historia>div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

  .wp-block-group.secao-conteudo-servicos-view,
  #texto-completo.relative.grafismo-item-6,
  .wp-container-core-group-is-layout-e04da429,
  #lista-do-software.recursos.padd_default_2x,
  .has-global-padding,
  #casos-de-sucesso,
  #continue-lendo,
  :where(.wp-singular) #contato>.ct-section-inner-wrap,
  .padd_default {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
  }

  .page-id-83814 #historia,
  #bloco-lista-imagem.graphics-top.padd_default,
  .padd_default_2x {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }
}


/* Custom styles */
#casos-de-sucesso>div>div {
  padding-top: 65px;
  background-color: color-mix(in oklab, var(--color-slate-50) 97%, transparent);
}

#motivacao>div>div {
  padding: 82px 20px;
}

#motivacao>div>div.gap-12 {
  gap: 59px;
}

#motivacao .itemCardMotivo,
#motivacao>div>div.gap-12 .grid>div {
  border-radius: 20px;
  border: 1px solid rgb(217 217 217 / 75%);
  outline-color: transparent;
  padding: 5em 2.5em;
  max-width: calc(25% - 18px);
}

#motivacao .itemCardMotivoGrande {
  max-width: calc(35% - 18px);
}

@media (max-width: 1200px) {

  #motivacao .itemCardMotivo,
  #motivacao .itemCardMotivoGrande,
  #motivacao>div>div.gap-12 .grid>div {
    max-width: calc(50% - 18px) !important;
  }
}

@media (max-width: 580px) {

  #motivacao .itemCardMotivo,
  #motivacao .itemCardMotivoGrande,
  #motivacao>div>div.gap-12 .grid>div {
    max-width: 100% !important;
  }
}



.page-id-84324 .grafismo-item-6::before {
  top: -16rem;
}

.page-id-84324 .grafismo-item-7::before {
  top: -27rem;
}

.secao-conteudo-servicos-view {
  gap: 32px;
}

.setores-atendidos.w-full.px-[20px].relative {
  padding-bottom: 50px !important;
}

/* .page-id-84324 .setores-atendidos               { padding-bottom: 61px !important; padding-top: 75px !important; } */
.setores-atendidos .setores-atendidos-card {
  padding: 20px;
}

#bloco-lista-imagem.graphics-top::after {
  width: 243px;
  height: 670px;
  top: -370px;
  background: url(assets/grafismo-software-1.svg) no-repeat center left;
  background-size: contain;
}

#texto-logo.py-[100px].px-5 {
  padding-bottom: 220px;
}

#video-grande.px-5 {
  padding-top: 100px !important;
}

#texto-toggle.servicos-view img {
  width: 100%;
}

.page-id-84324 #texto-cards::before {
  width: 234px;
  background-size: contain;
}


#texto-completo>div {
  overflow: hidden;
  padding-top: 75px;
  padding-bottom: 0;
  border-radius: 20px;
  border-top: 1px solid #E1B213;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(247, 251, 255, 1) 100%);
}

#texto-completo>div>div .grid.items-center {
  gap: 8rem;
}

.page-id-84324 .setores-atendidos .container {
  padding: 0 2rem;
}

.page-id-84324 .setores-atendidos .container>div {
  padding: 80px 0;
}

#bloco-informacao-imagem>div>div,
.page-id-84324 .setores-atendidos .container>div,
.secao-conteudo-servicos-view,
.max-w-\[1248px\],
#texto-toggle .grid,
#cta>div>div,
.max-w-\[1298px\] {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

.secao-conteudo-servicos-view figure {
  width: 100%;
}

#texto-completo picture {
  width: 100%;
  height: auto;
}

#cta>div>div {
  gap: 12rem;
}

.ct-section-inner-wrap .ct-new-columns>.ct-div-block {
  padding: 0;
}

#bloco-informacao-imagem>div>div {
  gap: 4rem;
}

/* .setores-atendidos.grafismo-item-8               { padding-top: 0 !important; } */

#banner>.ct-section-inner-wrap {
  padding-top: 30px;
}

.banner-servicos-view #div_block-14-13 .hexagon-shadow {
  width: 720px;
  transform: translateX(131px);
  /* margin: 4rem 0 1em; */
}

header.wp-block-template-part+div,
header.wp-block-template-part+main {
  overflow: hidden;
}

body:not(.home) #banner::after {
  right: -4vw;
}

.texto-destaque {
  margin-bottom: 24px;
}

.setores-atendidos.grafismo-item-8::before {
  bottom: -20rem;
  right: -1rem;
}

#texto-cards.padd_default_2x::before {
  left: -1vw !important;
}

#video-grande.padd_default_1x3::before {
  top: 680px !important;
}

#bloco-lista-imagem.graphics-top.padd_default .midContent {
  background-color: #fff;
  padding: 50px 0;
}

#clientes-software {
  min-height: 500px;
  display: flex;
  align-items: center;
}

/* ---------------------------------------   

    Controlador de grafismos.
    
    A ideia é simples: 
      - um classe controela o estilo 
      - e outra controla o sentido dela ( direita ou esqueda ). 
    
    Como regra ela sempre usa o ::before, evitando assim 
    que na parte inferior fique algunm grafismos sobrando 
    acidentalmente.

# --------------------------------------- */


#casos-de-sucesso,
.grafismo-controle {
  position: relative;
}

#casos-de-sucesso,
.grafismo-controle>div {
  position: relative;
  z-index: 20;
}

#casos-de-sucesso::before,
.grafismo-controle::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
  width: calc(780/1920 * 100vw);
  height: calc(730/1920 * 100vw);
  background-image: url('assets/svg/polygono-custom.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: all .3s ease-in-out;
}

.grafismo-controle.fillBlue::before,
#casos-de-sucesso::before {
  background-image: url('assets/svg/polygono-custom-fill.svg');
  filter: drop-shadow(0px 10px 54px rgba(0, 0, 0, 0.25));
  transform: translate(calc(-630 / 1920 * 100vw), calc(-410 / 1920 * 100vw)) rotate(-9deg) scale(1.2);
}

:where(.editor-styles-wrapper) .block-editor-block-list__block.grafismo-controle::before {
  z-index: 10;
}

.grafismo-controle-left::before {
  left: 0;
  transform: translate(calc(-510 / 1920 * 100vw), calc(-410 / 1920 * 100vw)) rotate(-2deg) scale(0.9);
}

.grafismo-controle-right::before {
  right: 0;
  transform: translate(calc(510 / 1920 * 100vw), calc(-325 / 1920 * 100vw)) rotate(-2deg) scale(0.9);
}

/* 
  Grafismos no responsivo
  
  Como regra, até pelo próprio conteúdo, 
  só ficam visiveis no desktop. Já no mobile, 
  ficam escondidos.

----------------------------------- */
@media screen and (max-width:1770px) {

  .grafismo-controle::before {
    width: calc(680/1920 * 100vw);
    height: calc(660/1920 * 100vw);
  }

  .grafismo-controle.fillBlue::before,
  #casos-de-sucesso::before,
  .grafismo-controle-right::before {
    transform: translate(calc(510 / 1920 * 100vw), calc(-275 / 1920 * 100vw)) rotate(-2deg);
  }

  .grafismo-controle-left::before {
    transform: translate(calc(-510 / 1920 * 100vw), calc(-375 / 1920 * 100vw)) rotate(-2deg);
  }

  #casos-de-sucesso::before {
    left: -53vw;
  }
}

@media screen and (max-width:1530px) {
  .grafismo-controle::before {
    width: calc(640/1920 * 100vw);
    height: calc(620/1920 * 100vw);
  }

  .grafismo-controle.fillBlue::before,
  #casos-de-sucesso::before,
  .grafismo-controle-right::before {
    transform: translate(calc(530 / 1920 * 100vw), calc(-275 / 1920 * 100vw)) rotate(0deg);
  }

  .grafismo-controle-left::before {
    transform: translate(calc(-530 / 1920 * 100vw), calc(-375 / 1920 * 100vw)) rotate(-2deg);
  }

  #casos-de-sucesso::before {
    left: -63vw;
  }

}

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

  .grafismo-controle.fillBlue::before,
  #casos-de-sucesso::before,
  .grafismo-controle-right::before {
    transform: translate(calc(580 / 1920 * 100vw), calc(-275 / 1920 * 100vw)) rotate(0deg);
  }

  .grafismo-controle-left::before {
    transform: translate(calc(-580 / 1920 * 100vw), calc(-375 / 1920 * 100vw)) rotate(0deg);
  }

}

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

  .grafismo-controle.fillBlue::before,
  #casos-de-sucesso::before,
  .grafismo-controle-right::before {
    transform: translate(calc(600 / 1920 * 100vw), calc(-275 / 1920 * 100vw)) rotate(0deg);
  }

  .grafismo-controle-left::before {
    transform: translate(calc(-600 / 1920 * 100vw), calc(-375 / 1920 * 100vw)) rotate(0deg);
  }
}

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

  #casos-de-sucesso::before,
  .grafismo-controle::before {
    opacity: 0;
    visibility: hidden;
  }

  body:not(.wp-admin) #conteudo-case::after {
    display: none;
  }
}

@media screen and (max-width:992px) {
  .conteudo-case-grid {
    display: grid;
    grid-template-columns: 1fr !important;
  }

  .conteudo-case-grid .sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 1rem 0;
  }
}

/* Versão para telas menores - 1 coluna */
@media screen and (max-width:576px) {
  .conteudo-case-grid .sidebar {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.breadcrumb-wrap {
  pointer-events: auto !important;
}




/* Custom --------------------------------- */
#texto-logo.grafismo-controle {
  min-height: 40vh;
}

#texto-logo.grafismo-controle::before {
  top: 5.5rem;
}


/* RWD ------------------------------------ */
@media screen and (max-width:992px) {
  #_header-2-20 #_header_right-6-20 {
    gap: 1.5rem;
  }

  #texto-completo>div>div .grid.items-center {
    gap: 1rem
  }

  .image-hover-points.w-full.relative.hidden,
  #bloco-conteudo-metade,
  .secao-conteudo-servicos-view {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}



/* ---------------------------------------- 
 
  Page Software

 ---------------------------------------- */

.mt-0,
#clientes-software,
#software-conteudo-video {
  margin-top: 0 !important;
}

#banner {
  padding-bottom: 1.8rem;
}

#historia {
  margin-top: 0 !important;
  padding-bottom: 75px;
}

#historia>div {
  padding-top: 125px !important;
}

#historia .ct-new-columns {
  flex-wrap: nowrap;
  gap: 1.3rem;
}

#historia #div_block-278-13 {
  padding-top: 84px;
  padding-bottom: 84px;
  background: linear-gradient(180deg, #FFF 0%, #F7FBFF 100%);
}

#depoimento-parceiros {
  margin-top: 6rem !important;
}

#metodologia {
  margin-top: 1rem !important;
}

#trajetoria {
  padding-top: 6rem !important;
}

#portfolio-head {
  padding-top: 5rem !important;
}

.linha-tempo {
  background: url("assets/linha-tracada.svg") repeat-y top center;
  overflow: visible;
  padding-top: 25px;
}

#presidente {
  z-index: 99;
}

#nossa-evolucao {
  z-index: 89;
}

.page-id-17702 #nossa-evolucao::after {
  z-index: -1 !important;
}

#presidente>div,
#depoimento-parceiros>div,
/* #metodologia>div, */
#slide-historias.bg-gradinte-branco>div {
  background: linear-gradient(180deg, #FFF 0%, #F7FBFF 100%) !important;
}

#nossos-parceiros.parceiros {
  margin-bottom: 1rem;
}

#bloco-lista-imagem.graphics-top {
  margin-top: 0;
  position: relative;
}

#bloco-lista-imagem .midContent {
  display: block;
  width: 100%;
  max-width: 90vw;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  border-radius: 20px;
  transition: all .3s ease-in-out;
}

#bloco-lista-imagem>div {
  position: relative;
  z-index: 20;
}

.titulo-software {
  padding-top: 75px;
  margin: 0;
}

#texto-toggle,
#numeros-dados,
#bloco-informacao-imagem.grafismo-4.padd_default,
#bloco-informacao-imagem.grafismo-5.padd_default,
#bloco-informacao-imagem.grafismo-6.padd_default,
#bloco-informacao-imagem.bloco-informacao-botoes.padd_default {
  margin-top: 0 !important;
}

:root :where(.is-layout-flow)>* {
  margin-top: 0 !important;
}

.setores-atendidos.w-full.relative.porque-servico .container {
  padding: 75px 0 75px !important;

}


#planos-precos {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.box-incluso,
.box-comparacao {
  margin-top: 125px !important;
}

/* .setores-atendidos,.setores-atendidos > div {
  padding-top: 0 !important;
} */
/* .setores-atendidos {
  padding-bottom: 0 !important;
} */
/* .setores-atendidos.padd_default > div {
  padding: 20px 0;
} */

#bloco-informacao-imagem.bg-branco::before {
  z-index: 10;
}

#bloco-informacao-imagem.bg-branco>div {
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  padding: 75px 1.5rem;
  z-index: 30;
}

/*
[class^="grafismo-"]::before {
  content: "" !important;
  position: absolute !important;
  top: 51% !important; 
}
*/
.grafismo-1::before {
  bottom: auto !important;
  top: 49%;
  /* posição dinâmica */
  left: -1rem;
}

.w-full.max-w-6xl.flex.flex-col.justify-start.items-center.gap-20.px-4,
.w-full.grid.grid-cols-1.gap-6.justify-center.items-center {
  max-width: 1260px;
}

#lista-do-software>div {
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

@media screen and (max-width: 1400px) {
  #bloco-lista-imagem .midContent {
    max-width: 100%;
  }
}

.has-custom-amarelo-color {
  color: #E1B213 !important;
}

.toggle-certificacoes-icone-lupa {
  display: block;
}

.toggle-certificacoes-icone-lupa svg {
  position: relative;
  bottom: auto;
  left: auto;
  margin: 1rem;
}

.toggle-certificacoes-icone-lupa span {
  margin-top: 0 !important;
}

#bloco-lista-imagem .midContent .botao-azul:hover {
  color: #fff !important;
}

.home #banner {
  padding-bottom: 3rem !important;
}

.home #marcas {
  margin-bottom: 2rem !important;
}

.conteudo-case-grid .sidebar>div,
#toggle-certificacoes .sidebar>div {
  background: linear-gradient(180deg, #E5EFF8 0%, #F7FBFF 100%) !important;
}

@media screen and (max-width: 992px) {
  .banner-servicos-view #div_block-14-13 .hexagon-shadow {
    transform: translateX(0);
  }

  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 90vw;
  }

  #div_block-17-80 {
    margin-bottom: 3rem;
  }

  #trajetoria .grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


@media screen and (max-width: 740px) {
  #trajetoria .grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  #new_columns-12-13.ct-new-columns .ct-div-block:nth-child(2) {
    order: 1 !important;
    margin-bottom: 1.5rem !important;
  }

  #new_columns-12-13.ct-new-columns .ct-div-block:nth-child(1) {
    order: 2 !important;
    padding-right: 0.67rem !important;
  }

  #banner {
    padding-bottom: 2rem !important;
  }

  #new_columns-12-13>.ct-div-block {
    padding: 0 !important;
  }

  .ct-lista-destaque {
    padding: 0 1rem !important;
  }

  #banner .ct-link-button,
  #banner .botao-azul-borda {
    width: auto !important;
    padding-left: 1.67rem !important;
    padding-right: 1.67rem !important;
  }



  #numeros-dados .text-white mark {
    font-size: 1em !important;
  }

  #numeros-dados h2 {
    font-size: inherit;
  }

  #bloco-informacao-imagem.customRwd>div>div>div:nth-child(1) {
    order: 2;
  }

  #bloco-informacao-imagem.customRwd>div>div>div:nth-child(2) {
    order: 1;
  }

  #bloco-informacao-imagem.bg-branco>div {
    padding: 15vw 7vw;
  }

  .wp-block-group .wp-block-heading {
    padding: 0;
  }

  #div_block-339-13 {
    padding: 8vw !important;
  }

  #rd-column-lefztg9t>div {
    padding: 0 3vw !important;
  }

  .wp-block-template-part #div_block-11-20 {
    padding: 8vw !important;
  }

  .wp-block-template-part #div_block-10-20 {
    padding: 5vw !important;
  }
}


.carrousel-resultados {
  height: 200px !important;
}

.carrousel-resultados>div {
  height: 200px !important;
}

.carrousel-resultados>div>div>div {
  height: 200px;
}

.carrousel-resultados>div>div>div>div {
  height: 200px !important;
}


/* ----------------------------------------------------------------- */
#planos-precos .lista-assinatura svg rect,
#planos-precos .lista-assinatura svg path {
  fill: currentColor;
}

#planos-precos .lista-assinatura>div>div>span svg {
  color: #fff;
}

#planos-precos .lista-assinatura .card_price {
  width: calc(25% - 15px);
  min-width: 280px;
}

@media screen and (max-width: 1170px) {
  #planos-precos .lista-assinatura .card_price {
    width: calc(50% - 15px);
  }
}

@media screen and (max-width: 580px) {
  #planos-precos .lista-assinatura .card_price {
    width: 100%;
  }
}

#planos-precos .lista-assinatura {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

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

  .box-incluso>div,
  #planos-precos .lista-assinatura {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

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

  .box-incluso>div,
  #planos-precos .lista-assinatura {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  #planos-precos>div {
    padding: 80px 1.6rem !important;
  }

  #planos-precos .lista-assinatura .card_price {
    min-width: 100%;
  }
}

#banner {
  min-height: 80vh !important;
}

#banner #new_columns-12-13 {
  align-items: flex-start !important;
}

.home #banner #new_columns-12-13>div:nth-child(1) {
  padding-top: 9rem !important;
}

#banner #new_columns-12-13>div:nth-child(1) {
  padding-top: 5rem !important;
}

.banner-servicos-view #div_block-14-13 .hexagon-shadow,
#banner .hexagon-shadow,
.banner-cursos .hexagon-shadow {
  width: 35vw;
  transform: translateX(4vw) !important;
  aspect-ratio: 1/1 !important;

}

.banner-servicos-view #div_block-14-13 .hexagon-shadow img,
#banner .hexagon-shadow img,
.banner-cursos .hexagon-shadow img {

  width: 100%;
  height: 100%;

  object-fit: cover;
  /* mantém proporção e preenche a máscara */
  display: block;

}


#banner #new_columns-12-13 {
  align-items: center;
}

@media screen and (min-width:1921px) {

  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 25vw;
  }
}


@media screen and (max-aspect-ratio: 16 / 10) {

  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 45vw;
  }
}

@media screen and (min-width: 1800px) and (max-aspect-ratio: 16 / 10) {

  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 35vw;

  }
}

@media screen and (min-width: 1600px) and (max-aspect-ratio: 16 / 9) {

  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 35vw;

  }
}

@media screen and (min-width: 1600px) and (max-aspect-ratio: 1600 / 900) {

  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 40vw;

  }
}



/* banners */
#banner.cursos::after,
#banner.destaque[data-banner="clientes"]::after {
  background: url('assets/grafismo/grafismo-amarelo.svg') no-repeat bottom right !important;
}

#banner.software::after,
#banner.banner-servicos-view::after {
  background: url('assets/grafismo/grafismo-branco.svg') no-repeat bottom right !important;
}

.wp-block-afixcode-banner-cursos.banner-cursos::after {
  background: url('assets/grafismo/grafismo-bg-azul.svg') no-repeat bottom right !important;
}

.single-post .wp-site-blocks::after {
  background: url('assets/grafismo/grafismo-brancos-2.svg') no-repeat bottom right -4vw !important;
}



@media screen and (max-width: 1920px) {
  .wp-block-afixcode-banner-cursos.banner-cursos::after {
    background: url(assets/grafismo/grafismo-bg-azul.svg) no-repeat top right -1vw !important;
    background-size: contain !important;
    width: 56vw !important;
    height: 75vw !important;
  }
}

@media (max-width: 1800px) {
  body:not(.wp-admin) #conteudo-case::after {
    background-position: left 16vw bottom !important;
  }
}

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

  #banner.cursos::after,
  #banner.destaque[data-banner="clientes"]::after {
    background: url(assets/grafismo/grafismo-amarelo.svg) no-repeat bottom right -7vw !important;
    background-size: contain !important;
    width: 60vw !important;
    height: 75vw !important;
  }

  #banner.software::after,
  #banner.banner-servicos-view::after {
    background: url('assets/grafismo/grafismo-branco.svg') no-repeat bottom right -7vw !important;
    background-size: contain !important;
    width: 60vw !important;
    height: 75vw !important;
  }

  .wp-block-afixcode-banner-cursos.banner-cursos::after {
    background: url('assets/grafismo/grafismo-bg-azul.svg') no-repeat bottom right -7vw !important;
    background-size: contain !important;
    width: 60vw !important;
    height: 75vw !important;
  }

  .single-post .wp-site-blocks::after {
    background: url('assets/grafismo/grafismo-brancos-2.svg') no-repeat bottom right -11vw !important;
    background-size: contain !important;
    width: 60vw !important;
    height: 75vw !important;
  }

  .page-id-17725 #cta-posts::before {
    left: -14vw;
  }

}

@media screen and (max-width:1366px) and (max-aspect-ratio: 1366 / 768) {

  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 40vw !important;

  }

  body:not(.home) #banner::after {
    background-position: left 61px bottom;
    width: 60vw;
    height: 88vw;
  }

}

@media screen and (max-width: 1170px) and (max-aspect-ratio: 1366 / 768) {


  body:not(.home) #banner::after {
    width: 63vw;
    height: 108vw;
  }
}

@media screen and (max-width:992px) and (max-aspect-ratio: 4 / 3) {

  #banner .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 100% !important;
    transform: initial !important;
    /*
		width: 67vw !important;
    transform: translateX(0);
		*/
  }

  #banner .hexagon-shadow,
  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  .banner-cursos .hexagon-shadow {
    width: 100% !important;
    transform: initial !important;
  }

}

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

  .titulo-destaque {
    font-size: 4vw;
  }
}

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

  .titulo-destaque {
    font-size: 6vw;
  }
}

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

  .titulo-destaque {
    font-size: 7vw;
  }
}

.page-id-17671 #banner {
  min-height: 95vh !important;
}

.page-id-17671 .texto-tag-imagem {
  padding-top: 10vh !important;
}

#casos-de-sucesso p a {
  color: currentColor;
  text-decoration: underline;
}

#casos-de-sucesso p a:hover {
  text-decoration: none;
}