/*
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: 
*/

@import 'tailwindcss';

/* 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); }

@media (max-width: 1200px) {
	#motivacao .itemCardMotivo,   
	#motivacao > div > div.gap-12 .grid > div      { max-width: calc(50% - 18px) !important; }
}
@media (max-width: 580px) {
	#motivacao .itemCardMotivo,   
	#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 #F3BE1E; 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: #F3BE1E !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: auto !important;} 
.carrousel-resultados > div { height: 220px !important;} 
.carrousel-resultados > div > div > div { height: 220px; }
.carrousel-resultados > div > div > div > div { height: 100% !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-servicos-view #div_block-14-13 .hexagon-shadow ,
	#banner .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;
  }
}

/*
.fa-brands::before, .fa-classic::before, .fa-duotone::before, .fa-light::before, .fa-regular::before, .fa-sharp-duotone::before, .fa-sharp::before, .fa-solid::before, .fa-thin::before, .fa::before, .fab::before, .fad::before, .fadl::before, .fadr::before, .fadt::before, .fal::before, .far::before, .fas::before, .fasdl::before, .fasdr::before, .fasds::before, .fasdt::before, .fasl::before, .fasr::before, .fass::before, .fast::before, .fat::before {
  color: #001D40;
}
*/