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


/* Vars */
:root {
  --custom-azul: #061F51;
}

/* Remove o estilo automático que o Safari coloca nos links detectados */
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}


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




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



.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); }
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); }

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

/* Custom --------------------------------- */
#texto-logo.grafismo-controle                             { min-height: 40vh; }
#texto-logo.grafismo-controle::before                     { top: 5.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,
#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%; 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; }

.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; }

/* ----------------------------------------------------------------- */
#menu-mobile .link-social a                               { display: block; color: var(--custom-azul) }
#menu-mobile .link-social a svg                           { color: currentColor; display: block; }  
.bloco-recomendamos > p                                   { display: flex; flex-direction: row; justify-content: flex-start; gap: 0.5rem; }            


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

#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  }

/* mantém proporção e preenche a máscara */
.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;  display: block  }
#banner #new_columns-12-13                                { align-items: center; }


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


.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; }



.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; }


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

  Divisores Customizados

---------------------------------------- */
#ez-toc-container::after {
  content: "";
  display: block;
  width: 100%;
  height: 11px;
  margin: 40px auto;
  background-image:
    url("data:image/svg+xml,%3Csvg width='37' height='11' viewBox='0 0 37 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.49904 7.39158C5.10048 7.04037 5.44472 6.42676 5.44472 5.7203V0L0.914164 2.95502C0.328555 3.33045 -0.00777705 3.92791 0.000136586 4.64245V10.0438L4.503 7.39158H4.49904Z' fill='%23E1B213'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9444 7.39158C20.5458 7.04037 20.89 6.42676 20.89 5.7203V0L16.3595 2.95502C15.7739 3.33045 15.4375 3.92791 15.4454 4.64245V10.0438L19.9483 7.39158H19.9444Z' fill='%23E1B213'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.3897 7.39158C35.9911 7.04037 36.3353 6.42676 36.3353 5.7203V0L31.8048 2.95502C31.2192 3.33045 30.8828 3.92791 30.8908 4.64245V10.0438L35.3936 7.39158H35.3897Z' fill='%23E1B213'%3E%3C/path%3E%3C/svg%3E"),
    linear-gradient(to right, #D9D9D9, #D9D9D9),
    linear-gradient(to right, #D9D9D9, #D9D9D9);
  background-repeat: no-repeat;
  background-position: center center, left center, right center;
  background-size: 37px 11px, calc(50% - 30px) 2px, calc(50% - 30px) 2px;
}

.bloco-recomendamos                                       { background-color: #e1b2130a !important;  }
.entry-content .aligncenter                               { margin-top: revert !important; }

#servicos                                                 { padding: 100px 20px; }

#artigos                                                  { margin-bottom: 60px; }



.box-incluso div div span                                { padding: 0.67rem;  }
.box-incluso div div span img                            { max-height: 100% !important; max-width: 100% !important; }        


.card-parceiros-content img                              { height: auto !important; }   

#link-41-20 img                                          { border-radius: 0% !important; }
header a img                                              { border-radius: 0% !important; }

/* 
  Responsivo
----------------------------------- */

@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-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 screen and (max-width: 1800px) {
  body:not(.wp-admin) #conteudo-case::after               { background-position: left 16vw bottom !important; }
}

@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: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: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: 1400px) {
  #bloco-lista-imagem .midContent                         { max-width: 100%; }
}

@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: 1200px) {
  #motivacao .itemCardMotivo,
  #motivacao .itemCardMotivoGrande,
  #motivacao>div>div.gap-12 .grid>div                     { max-width: calc(50% - 18px) !important; }
}

@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: 1170px) {
  #planos-precos .lista-assinatura .card_price            { width: calc(50% - 15px);}

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


/* RWD ------------------------------------ */
@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; }
  #_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; }
  .titulo-destaque                                        { font-size: 6vw; }
  .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; }

  .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,
  :where(.wp-site-blocks) .entry-content section:nth-child(4)       {  padding-top: 5vw !important; padding-bottom: 5vw !important; }
  :where(.wp-site-blocks) .entry-content section:nth-child(3)#texto-completo        {  padding-bottom: 5vw !important; }
  :where(.wp-site-blocks) .entry-content section:nth-child(3)                       {  padding-bottom: 1vw !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; }
  .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%; }
  .titulo-destaque                                        { font-size: 7vw !important;} 
}


@media screen and (max-width: 580px) {
  #planos-precos .lista-assinatura .card_price            { width: 100%; }
   #motivacao .itemCardMotivo,
  #motivacao .itemCardMotivoGrande,
  #motivacao>div>div.gap-12 .grid>div                     { max-width: 100% !important; }
}


@media screen and (max-width:576px) {
  .conteudo-case-grid .sidebar                            { grid-template-columns: 1fr; gap: 0.75rem; }
  #servicos                                               { padding-bottom: 50px !important; }
  #historia                                               { padding: 3rem 2rem !important;}
  #historia>div                                           { margin: 0; padding: 50px 0 0 !important;}
  #historia>div>div                                       { padding: 2rem !important;}
  #servicos .box-card-titulo h3                           { font-size: 22px !important; }
  .home #banner #new_columns-12-13>div:nth-child(1)       { padding-top: 3rem !important; }
  .contato-localizacao-grid:not(.ct-section):not(.oxy-easy-posts), 
  .contato-localizacao-grid.oxy-easy-posts .oxy-posts, 
  .contato-localizacao-grid.ct-section .ct-section-inner-wrap         { gap:0 !important; flex-direction: column; }
  .contato-localizacao-linha                             { min-height: fit-content !important; }
  .contato-localizacao-card                              { padding: 0 1rem; }

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

  #new_columns-12-13.ct-new-columns .ct-div-block:nth-child(1) {flex-wrap: wrap;}
  #new_columns-12-13.ct-new-columns .ct-div-block:nth-child(1) #text_block-18-80 { width: 100%; }
  .page-id-17671 #equipe-secao::before                    { display: none !important;  }
  .py-\[64px\]                                            { padding-block: 5vw !important; }
  .gap-\[65px\]                                           { gap: 5vw !important; }
  #nossa-evolucao > div > div:nth-child(3)                { margin-top: 12vw !important; }
  #presidente                                             { padding-top: 9vw !important; }
  #bloco-candidate-se,
  #compromisso                                             { padding-top: 3vw !important;}

  .grafismo-1 .has-global-padding                       { padding-bottom: 0 !important; padding-top: 0 !important; }

  .botao-com-hover-personalizado:hover                    { color: #fff !important; background-color: transparent !important; }
  
  .gap-\[140px\]                                          { gap: 5rem !important; }
  .text-\[84px\]                                           { font-size: 74px !important; }
  #teste-gratuito.wp-block-spacer,
  .wp-block-spacer.mt-0                                    { display: none !important; } 
  .setores-atendidos.padd_default                          { margin-top: 1rem !important; } 
  .wp-block-spacer[style*="height:100px"]                  { height: 2.5rem !important; }
  .destaque-secao.w-full.bg-white                          { padding-bottom: 0.2rem !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; }
}

/*  
  Breakpoints para telas grandes 
  -------------------------------------------------  */
@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; }
}

@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; }
  #banner .hexagon-shadow,
  .banner-servicos-view #div_block-14-13 .hexagon-shadow,
  .banner-cursos .hexagon-shadow                        { width: 100% !important; transform: initial !important; }
}


