@import url("colorfonts.css");

*{
    font-family: var(--texto);
    font-size: 1em;
     margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
     scroll-behavior: smooth;
     
}

body{
    overflow-x: hidden;
    hyphens: none;   
}
p {
    font-family: var(--texto);
    line-height: 1.5em;
    margin: 0.5em 0;
}

a {
    text-decoration: none;
}

figure {
    display: table;
}
figure img {
    display: block;
    max-width: 100%;
    height: auto;
}
/*👉CLASSES PARA DIAGRAMAR👈*/
/* COLUNAS E ALINHAMENTO */
.col2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.col2c {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 1em !important;
}

.col2s {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    gap: 1em;
}

.col2d{}


/* Alinhamento vertical */
.coltop {
    align-items: flex-start;
}

.colcenter {
    align-items: center;
    justify-content: center;
}

.colbottom {
    align-items: flex-end;
}

/* ALINHAMENTO DE TEXTO  */
.esquerda tr td,
.esquerda tr th,
.esquerda {
    text-align: left !important;
}

.direita tr td,
.direita tr th,
.direita {
    text-align: right;
}

.centro tr td,
.centro tr th,
.centro {
    text-align: center;
}

.justificado tr td,
.justificado tr th,
.justificado {
    text-align: justify;
}


.largura25 {
    width: 25% !important;
}

.largura33 {
    width: 33% !important;
}

.largura45 {
    width: 45% !important;
}

.largura50 {
    width: 50% !important;
}
.largura65{
    width: 65% !important;
}



/* Alinhamento vertical de imagens dentro do parágrafo */
.imgbottom {
    vertical-align: text-bottom;
}

.imgtop {
    vertical-align: sub;
}

.ico,
.imgmiddle {
    vertical-align: middle;
}

.espacosbox{
    margin-top: 3em;
    margin-bottom: 3em;
}
.boxcontainer{
    margin: 0 auto;
    width: 85rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
    max-width: 100%;
}

.centro{
    text-align: center;
}

.bloco50{
    width: 50%;
}

.bloco33{
    width: 33%;
}
.breadcrumb{
    font-family: var(--texto);
    font-size: var(--pesoMenor);
    background: var(--cinzaClaro1);
    width: 100%;
    max-width: 100%;
    padding: 2px 8px;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb li{
    margin: 0.3em;
    line-height: 1.5em;
}
.whatsapp {
    height: 82px;
    position: fixed;
    top: 80%;
    left: 93%;
    width: 82px;
    z-index: 100;
}
.breadcrumb li{
   padding: 0 10px;
}
.breadcrumb li::after{
    content: '>';
    color: #616161;
    font-size: 1.2em;
    margin: -1px 0 0 5px;
    position: absolute;
}
.breadcrumb li:first-child::after{
    content: '';
    color: #c4c4c4;
}
.float-start{
    padding: 0 0px;
    display: none;
}
.breadcrumb li a{
    text-decoration: none;
    color: var(--azul);
}
.breadcrumb li.breadcrumbs__divider{
    padding: 0em !important;
}


.desktop{
    display: block;
}
.mobile{
    display:none;
}
/* MENU MOBILE*/
.minilogo{

    color:var(--branco);
}
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}
.topnav {
    overflow: hidden;
    background: var(--degrade);

    position: relative;
    padding: 1em ;
    
 
  }
  
  .topnav #myLinks {
    display: none;
  }

  #myLinks{
    background: rgb(255, 255, 255);
    margin: 0.5em 0;
    border-radius: 0.5em 0 0.5em 0;
  }
  
  .topnav li {
    color: var(--roxo);
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
    border-bottom: 1px solid var(--roxo);
  }
  .topnav li a{
    color: var(--roxo);
    width: 100%;
    display: inline-block;
  }
  
  .topnav a.icon {
    background: transparent;
    display: block;
    color: var(--branco);
    position: absolute;
    right: 0;
    top: 0;
    padding:0.5em;
    font-size:1.5em;
  }

   .topnav a.icon:hover {
    background-color: transparent;
    color: black;
   
  }
  
  .topnav li:hover {
    background-color: var(--rosa);
    color: black;
  }
  .topnav li:hover a{
    color:var(--branco)
  }
  
  .topnav li.parent .mod-menu__sub{
    background-color: var(--rosa);
    margin-top: 0.3em;
  }
  .topnav li.parent .mod-menu__sub li a{
    color:var(--branco);
  }

  

/*👉TITULOS👈*/
/* 
p0tit6
p0tit5
p0tit4
p0tit3
p0tit2
p0tit1
*/
.p0tit6,
.p0tit5,
.p0tit4,
.p0tit3,
.p0tit2,
.p0tit1{
    font-family: var(--tituloPadrao);
    font-weight: bold;
    margin-bottom: 0px;
}

.page-header>h1{
    font-weight: bold;
    font-size: var(--peso1);
    color: var(--azul);
    margin: 0.5em 0 1em 0;
  
}

.p0tit1{
    font-size: var(--peso1);

}
.p0tit2{
    font-size: var(--peso2);
    margin-top:1.5em;
   
}
.p0tit3{
    font-size: var(--peso3);
  
}
.p0tit4{
    font-size: var(--peso4);
  
}
.p0tit5{
    font-size: var(--peso5);

}
.p0tit6{
    font-size: var(--peso6);
}

/*👉 Padrão de botões 👈*/
.btn1_verde,
.btn1_rosa,
.btn1_roxo,
.btn1_azul,
#btn_enviar,
.btn-primary{
    border-radius: 0.4em;
    border: none;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    color: var(--branco);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none;
}
.btn-danger{
    border-radius: 0.4em;
    border: 2px solid var(--azul);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    color: var(--azul);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none;
    background: var(--branco);
}

.btn1_verde{
    background: var(--turquesa);
}
.btn1_rosa {
    background: var(--rosa);
}
.btn1_roxo {
    background: var(--roxo);
}
.btn1_azul, .btn-primary{ 
    background: var(--azul);
}


.btn2_verde,
.btn2_rosa,
.btn2_roxo{
    background: var(--branco);
    border-radius: 0.4em;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none;
}
.btn2_verde {
    border: 2px solid var(--turquesa);
    background: var(--branco);
    border-radius: 0.4em;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    color: var(--turquesa);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none;
}
#btn_inaugural{
    
    background: var(--turquesa);
    border-radius: 0.4em;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    color:var(--branco);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 1em 1em;
    text-decoration: none;
}
.btn2_rosa {
    border: 2px solid var(--rosa);
    color: var(--rosa);
}
.btn2_roxo {
    border: 2px solid var(--roxo);
    color: var(--roxo);
}

.icons{
    margin:0 0 1em 0;
    background: #f5f5f5;
}
.float-end>div{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.float-end>div>a{
    display: flex;
    flex-direction: row;
    border: 2px solid var(--azul);
    background: var(--branco);
    color: var(--azul);
    font-family: var(--texto);
    font-weight: bold;
    margin: 0.5em;
    padding: 0.5em 1em;
    text-decoration: none;
    gap: 1em;
    max-width: max-content;
}
.float-end>div>a>span{
    
}

/*👉TEXTO👈*/
.p2texto{
    font-family: var(--texto);
    font-size: var(--pesoPadrao);
    text-indent: 1.5em;
}
.p2textosemrecuo{
    font-family: var(--texto);
    font-size: var(--pesoPadrao);
    color: #101010;
}
.p2textoitem{
    list-style: none;
    margin: 0.5em 0 0.5em 1em;
}
.p2textoitem li{
    margin: 0.6em 0;
    line-height: 1.5em;
}
.p2textoitem li::before{
    content: '•';
    color: var(--roxo);
    font-size: 2.5em;
    width: 10px;
    height: 10px;
    position: absolute;
    margin: -2px 0 0 -17px;

}
.p3citacao{
    font-family: var(--citacao);
    font-size: var(--pesoPadrao);
    text-indent: 1.5em;
    margin: 0.5em 0 ;
}
.p3citacao strong{
    font-family: var(--citacao);
}

.p3citacaosemrecuo{
    font-family: var(--citacao);
    font-size: var(--pesoPadrao);
    margin: 0.5em 0 ;
}


.p4legenda{
    font-family: var(--texto);
    font-style: italic;
    font-weight: 200;
    font-size: var(--pesoMenor);
    margin-top: 0.5em;
}

.mapalocal {
    width: 100% !important;
}
/* cores */
.c0rosa {
    color: var(--rosa);
}
.c0verde {
    color: var(--turquesa);
}
.c0roxo {
    color: var(--roxo);
}
.c0salmao {
    color: var(--salmao);
}



/* CONTORNO IMAGEM */
.o0contornoimgrosa img{
    border: 5px solid var(--rosa);
}
.o0contornoimgroxo img{
    border: 5px solid var(--roxo);
}
.o0contornoimgverde img{
    border: 5px solid var(--turquesa);
}
.o0contornodegrade img{
    background:var(--degrade);
    padding: 5px;
}

.o0cantodireito img{
    border-radius: 0 1em 0 1em;
}
.o0cantoesquerdo img{
    border-radius: 1em 0 1em 0;
    margin-top:-1em ;
}
.o0cantos{}
.o0redondo img{
    border-radius: 1em;
}

/* BOXES */
.o0boxlinhadotempo{
    background: var(--degrade2);
    padding-left:10px ;
    margin:0 0 1em 0;
    width: 300px;
}
.box{
    padding:0 1em;
    background: var(--branco);
}
.o0boxlinhadotempo h4{
    color: var(--roxo);
    margin: 0.5em 0 0 0;
}
.o0boxlinhadotempo p {
    margin-top: 0px;
    font-size: var(--pesoMenor);
}

.o0boxdica{
    background: var(--degrade);
    padding-top:8px ;
    margin: 1em 0;
}
.o0boxdica>.box{
    background: url(../images/pv/pv_dica.svg) bottom right no-repeat var(--azul);
    padding: 1em 2em;
    color: var(--branco);
   
}
.o0boxdica>.box> p{
    font-family: var(--citacao) !important;
}
.o0boxlivre1{
    background: url(../images/pv/pv_boxlivre1b.svg)   no-repeat,
    url(../images/pv/pv_boxlivre1a.svg)   no-repeat var(--cinza);
    background-position-x:-20px, 101% ;
    background-position-y: 0px, 105%;
    border-radius: 1em 0 1em 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    padding: 2em 3em;
    margin: 1em 0;
}



/* SEÇÕES */
.o0boxmissao,
.o0boxvisao,
.o0boxvalores{
    border-radius: 1em;
    color: var(--branco);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin: 1em 0;
    width: 28%;
}
.o0boxmissao{
    background: var(--turquesa);
   
}

.o0boxvisao{
    background: var(--roxo);
}
.o0boxvalores{
    background: var(--salmao);
}
.o0nossahistoria{
    background: var(--rosa);
    color: var(--branco);
    padding: 1em;
    
}

.o0boxmissao .p2textosemrecuo,
.o0boxvisao .p2textosemrecuo,
.o0boxvalores .p2textosemrecuo,
.o0nossahistoria .p2textosemrecuo {
    color: var(--branco);
}

.o0nossahistoria .p2textosemrecuo {
    margin-bottom: 1.5em;
}

/* ICONES */
.icotelefone{
    background: url(../images/icones/ico_whatsapp_branco.svg) left center no-repeat;
    padding: 0.1em 0 0.1em 2.1em;
}
.icoemail{
    background: url(../images/icones/ico_email_branco.svg) left center no-repeat;
    padding: 0.1em 0 0.1em 2.1em;
}
.icoinstagram{
    background: url(../images/icones/ico_instagram_branco.svg) left center no-repeat;
    padding: 0 0 0 2em;
}
.icolinkedin{
    background: url(../images/icones/ico_linkedin_branco.svg) left center no-repeat;
    padding: 0 0 0 2em;
}


/*👉ESTILOS ESPECIFICO👈*/
.frase{
    font-size: var(--peso6);
    width: 300px;
    line-height: 1.6em;
}
.linhatempotit{
    color: var(--turquesa);
    margin: 1em 0 0px 1em;
}
.linhatempotit::before{
    content: '';
    background: url(../images/icones/ico_linhadotempo_verde.svg) top left no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    margin:  0 0 0 -34px;
}

/* Blog */
.page-header>h2>a {
    font-family: var(--tituloPadrao);
    font-size: var(--peso3);
    font-weight: bold;
    color: var(--rosa);
    margin: 0 0 0em 0;
}
.page-header>h1{
    margin: 0 0 0em 0;
}
.article-info{
    margin:1em 0;
}
.article-info > dt{
    display: none;
}
.article-info > dd{
    margin: 0.5em 0;
    color: var(--cinzaMedio);
}

.tag li{
    margin: 0.5em;
}
.tag>li>a {
    color: var(--turquesa);
}

.com-content-category-blog__item.blog-item{
    margin: 1em 0;
    border-bottom: 1px solid var(--cinzaMedio);
    padding-bottom:1em ;
 }
 .readmore{
    margin-top: 1em;
 }
 .readmore a{
    font-family: var(--tituloPadrao);
    background: var(--rosa);
    color: var(--branco);
    padding: 0.5em 1em;
    border-radius: 0.5em;
    width: max-content;
 }

 .com-content-category-blog__navigation{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }
 .pagination{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1em;
 }
 .page-item{

    border: 2px solid var(--turquesa);
    border-radius: 0.3em;
    padding:0.3em 0.6em;
    width: 30px;
    height: 30px;
    color: var(--turquesa);
    font-weight: bold;

 }
 .page-item a{
    color: var(--turquesa);
 }

 .com-content-category-blog__counter{
    color: var(--turquesa);
 }
 .pagination >  .page-item.active {
    background: var(--turquesa);
 }
 .pagination >  .page-item.active  a{
    color: var(--branco);
 }


 .pagination >  .page-item:hover {
    background: var(--turquesa);
 }
 .pagination >  .page-item:hover a{
    color: var(--branco);
    cursor:pointer;
 }

 .pagination >  .page-item.disabled {
    opacity: 0.5;
 }
 .pagination >  .page-item.disabled:hover{
    background: none;
 }
 .pagination >  .page-item.disabled:hover a{
    color: var(--turquesa);
}


/*PAGE INDEX*/
.secchamadas{
max-width: 100%;
}
.mod-banners__item>img{
    width: 100%;
}
.grupo_chamadas {
    display: flex;
    flex-direction: row;
    gap: 1em;
    justify-content:flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin: 2.5em 0;
    width: 100%;
}
.chamada01,
.chamada02,
.chamada03,
.chamada04 {
    border-radius: 1em;
    padding: 0.5em 1em 1em 1em;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
    box-shadow: 5px 5px 10px rgba(16, 16, 16, 0.2);
    width: max-content;
    max-width:100%;
    height: 421px;

}

.chamada01>figure,
.chamada02>figure,
.chamada03>figure,
.chamada04>figure{
    margin-top: 2em;
}
.chamada01>figure img,
.chamada02>figure img,
.chamada03>figure img,
.chamada04>figure img{
    box-shadow: 5px 5px 3px rgba(16, 16, 16, 0.2);
    border-radius: 50%;
}


.chamada01 {
    background: var(--turquesa);
}
.chamada02 {
    background: var(--roxo);
}
.chamada03 {
    background: var(--salmao)
}
.chamada04 {
    background: var(--rosa)
}

.chamada01 .p0tit3,
.chamada02 .p0tit3,
.chamada03 .p0tit3,
.chamada04 .p0tit3
 {
    color: var(--branco);
    padding:1.5em 0 0em 0;
    text-align: center;
}

/*👉PAGE FALE CONOSCO👈*/
.boxcontato{
    width: 40%;
}
.boxform, .boxcels{
    width: 50%;
}
.boxform{
  background: url(../images/pv/bgflorform1.svg) no-repeat, url(../images/pv/bgflorform2.svg) no-repeat;
  background-position-x:left, right;
  background-position-y: center, top;
  background-size: 180px, 130px;
  padding:0 5em 0 0;
}
.boxform>form {
    background:var(--cinza);
    padding: 2em;
}
.boxform>form small, 
.boxform>form small a {
    color: var(--roxo);
    text-decoration: none;
    font-size: 0.9em;
}
.boxform>form label{
    color: var(--cinzaMedio);
}
.red{
    color: var(--salmao) !important;
}
.chronocredits{
    display: none;
}
#btn_enviar{
    background: url(../images/pv/ico_enviar.svg)  center no-repeat var(--azul);
    background-position-x: 95%;
    padding-right:2.5em ;
}
.p0titfaleconsco{
    color: var(--azul);
    font-size: var(--peso4);
    margin: 1em 0 0.5em 0;
}
.p0tit4faleconosco{
    color: var(--turquesa);
    font-size: var(--peso5);
    margin: 1em 0 0 0;
}
.icoinstagramroxo{
    background: url(../images/icones/ico_instagram_roxo.svg) center left no-repeat;
    padding: 0.1em 0 0.1em 2em;
}
.icoinstagramroxo a{
    text-decoration: none;
    color: var(--preto)!important;
}
.icoemailroxo{
    background: url(../images/icones/ico_email_roxo.svg) center left no-repeat;
    padding: 0.1em 0 0.1em 2em;
}
.icolocalroxo{
    background: url(../images/icones/ico_local_roxo.svg) center left no-repeat;
    padding: 0.1em 0 0.1em 2em;
}

/* Perguntas frequentes */
.perguntasfrequentes{
    background: url(../images/bg_perguntasfrequentes.png) #D6978C no-repeat;
    background-position-y: center ;
    background-position-x: 100% ;
    background-size:450px;
    padding:3em 1em;
    margin-top: 2em;
}
.perguntasfrequentes .p0tit3{
    color: var(--branco);
    margin-bottom: 2em ;
    background: url(../images/icones/ico_perguntas.png) center right no-repeat;
    width: max-content;
    background-size: 35px;
    padding: 0 2em 0 0 ;
}

.boxperguntas{
    width: 80%;
}



a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}






button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}



.w3-wide {
    letter-spacing: 4px
}




.w3-btn,
.w3-block {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}



.w3-btn,
.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w3-disabled,
.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.w3-disabled *,
:disabled * {
    pointer-events: none
}






.w3-button {
    white-space: normal
}





.w3-block {
    display: block;
    width: 100%
}


.w3-container:after,
.w3-container:before{
    content: "";
    display: table;
    clear: both
}



.w3-content,
.w3-auto {
    margin-left: auto;
    margin-right: auto
}

.w3-content {
    max-width: 980px;
}



.w3-hide {
    display: none !important;
}

.w3-show-block,
.w3-show {
    display: block !important;
}


.w3-container,
.w3-panel {
    padding: 0.01em 16px;
    background: rgba(214, 151, 140, 0.9) ;
   
}
.w3-container > p{
    color:#fff;
}

.w3-left-align {
    text-align: left !important;
    font-weight: bold;
}

.w3-button:hover {
    color: #fff !important;
    background-color: #b4837a!important
}


/* Colors */

.w3-red,
.w3-hover-red:hover {
    color: #D6978C!important;
    background-color: #fff!important
}


.w3-black,
.w3-hover-black:hover {
    color: #fff !important;
    background: #D6978C !important;

}

/* CLUBE DO LIVRO*/
.clubedolivro .box1{
    
}

/* PAGE Profissionais */
.boxprofissionais {
    width: 30%;
}

.p2texto {
}
.boxpsis {
    background: var(--cinza);
    width: 65%;
}
.boxpsis> h2{
    font-size: var(--peso4);
}
.box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between ;
    gap: 1em;

}
.boxpsico{
    width: 250px;
}
.boxpsico a{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.boxpsico figure img{
    border-radius: 50%;
    border:8px solid var(--rosa)
}
.p0titnome {
    text-align: center;
    font-family: var(--tituloPadrao);
    font-weight: bold;
    font-size: var(--peso4);
    color: var(--azul);
    margin: 0 0 0 0;
}
.p1cargo {
    text-align: center;
    color: var(--turquesa);
}

/*👉PAGE PSICANALISE 👈*/
.psicanalise > .col2c {
    gap: 3em !important;
}
.psicanalise > .col2c > .box1,
.psicanalise > .col2c > .box2{
    width: 50%;
}

.col2cbox{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}


/*👉PAGE SUPERVISÃO👈*/
.supervisao .box1,
.supervisao .box2 {
    width: 45%;
}

.c0verde {
}
.c0roxo {
}
.c0rosa {
}
.c0salmao {
}

.o0boxlivre1 {
}
.p2textoitem {
}
.o0boxdica {
}
.box {
}
.p2texto {
}

/*👉CATEGORIA PSICOTERAPIA👈*/
.content-category>h1{
    font-size: var(--peso3);
    color: var(--azul);
}
.com-content-category__table{
    margin: 1em 0 ;
}
.com-content-category__table tbody a{
    text-align: left;
    text-decoration: none;
    color: var(--branco);
    background: var(--turquesa);
    padding: 0.5em 1em;
    line-height: 180%;
}
.com-content-category__table tbody tr th{
    padding: 1em;
    text-align: left;
}
.com-content-category__table thead, 
.com-content-category__table caption {
    display: none;
}

/*👉CURSO 001👈*/
.curso0001 {
}
.cursoinfo>.col2c{
    gap: 2em;
}
.cursoinfo>.col2c>.box1{
    width: 45%;
    padding-left: 40px;
}
.cursoinfo>.col2c>.box2{
    width: 45%;
    background: var(--cinzaClaro1);
    padding: 2em;
}
.cursoinfo .p0tit3 {
    color: var(--turquesa);
    font-size: var(--peso6);
    margin-top: 1em;
}

.cursoinfo .p2textosemrecuo{
    color: var(--preto);
    margin: 0 0 0 0;
    
}
.cursoinfo .data::before{
    content: '';
    background: url(../images/icones/ico_datas.svg) top left no-repeat;
    background-size: 100%;
    width: 30px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;

}
.cursoinfo .horario::before{
    content: '';
    background: url(../images/icones/ico_horario.svg) top left no-repeat;
    background-size: 100%;
    width: 30px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;
}
.cursoinfo .modalidade::before{
    content: '';
    background: url(../images/icones/ico_modalidade.svg) top left no-repeat;
    background-size: 100%;
    width: 28px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;
}
.cursoinfo .plataforma::before{
    content: '';
    background: url(../images/icones/ico_plataforma.svg) top left no-repeat;
    background-size: 100%;
    width: 30px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;
}
.cursoinfo .public::before{
    content: '';
    background: url(../images/icones/ico_publico.svg) top left no-repeat;
    background-size: 100%;
    width: 30px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;
}
.cursoinfo .objective::before{
    content: '';
    background: url(../images/icones/ico_objetivo.svg) top left no-repeat;
    background-size: 100%;
    width: 30px;
    height: 33px;
    position: absolute;
    margin:  0 0 0 -38px;
}
.palestrantes {
    display: flex;
    flex-direction: column;
    align-items:center;
    margin: 5em 0;
}
.palestrantes >.potit2 {
    font-family: var(--tituloPadrao);
    font-size: var(--peso2);
    color:var(--turquesa);
    text-align: center;
}
.boxpalestrante1{
    width: 80%;
    margin: 2em 0;
 
}
.boxpalestrante2 {
    width: 80%;
    margin: 2em 0;
 
}
.boxpalestrante1 > .box{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 3em;
}
.boxpalestrante2 > .box{
    display: flex;
    flex-direction: row-reverse;
    gap:1em;
  

  
}
.boxpalestrante1 > .box > .info{
    width: 80%;
}
.boxpalestrante2 > .box > .info{
    width: 88%;
    text-align: right;
}

.boxpalestrante1 figure img,
.boxpalestrante2 figure img{
    width: 190px;
}
.boxpalestrante1 figure{
    margin: 0 0 0 -100px;  
}
.boxpalestrante2 figure{
    margin: 0 -100px 0 0 ; 
}
.info {
}
.info > .p0tit3{
    font-weight: 400;
    margin:  0 0 0.5em 0;
    line-height: 1.3em;
}
.info > .p0tit4  {
    margin:  0 0 0;
    line-height: 1.3em;
    font-size: var(--peso5);
}
.p0tit4 {
}
.info  .p2textosemrecuo {
    color: var(--branco);
}
.p2textocitacao {
    font-family: var(--citacao);
}
.ingressos {
    background: var(--azul);
    padding: 2em 1em 4em 1em;
    margin: 2em 0 ;
}
.ingressos >.p0tit2 {
    text-align: center;
    color: var(--branco);
    margin-bottom: 1em;
}
.lotes {
    display: flex;
    flex-direction: row;
    justify-content:center;
    gap: 1em; 
}
.embreve{
    opacity: 0.4;
}
.esgotado a{
    cursor: default;
}
.esgotado::before{
    content: 'Esgotado';
    font-family: var(--tituloPadrao);
    font-size: var(--peso2);
    background: var(--roxo);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    color: var(--branco);
    width: 310px;
    text-align: center;
    transform: rotate(-10deg);
    padding: 0.5em 0;
    position: absolute;
}

.embreve2::before{
    content: 'Em breve';
    font-family: var(--tituloPadrao);
    font-size: var(--peso2);
    background: var(--roxo);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    color: var(--branco);
    width: 310px;
    text-align: center;
    transform: rotate(-10deg);
    padding: 0.5em 0;
    position: absolute;
}
.lote {
    background: var(--branco);
    border-radius: 1em;
    border: 4px solid var(--turquesa);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:2em 1em;
    width: 250px;
}
.lote > .potit3 {
    font-family: var(--tituloPadrao);
    font-size: var(--peso3);
    font-weight: 900;
    color: var(--azul);
    margin: 0 0 0.5em 0;
}
.lote > .data {
    background: rgba(31, 145, 151, 0.3);
    padding: 0.2em 1em;
    font-size: 0.9em;
    margin: 0 0 0.2em 0;
}
.lote > .dataextra {
    font-family: var(--texto);
    font-weight: 600;
    font-size: 0.8em;
    margin: 0;
}
.lote >.dataextra::after{
    content: '';
    background: url(../images/icones/icon_core-arrow-bottom.svg) center center no-repeat;
    background-size: 100%;
    width: 35px;
    height: 80px;
    display: block;
    margin: 0 0 0 1.5em;


}
.valor {
    font-family: var(--tituloPadrao);
    color: var(--turquesa);
    font-weight: 800;
}





/*👉MENU CLUBE DO LIVRO E LOGIN👈*/

.menuSecundario>.mod-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
  }
  
  .menuSecundario>.mod-menu li:first-child a {
    background:  url(../images/icones/ico_bookmark-fill_roxo.svg) center left no-repeat;
    background-position-x: 15px ;
    color: var(--azul);
    text-decoration: none;
    border: 2px solid var(--azul);
    border-radius: 0.5em;
    font-weight: bold;
    padding: 0.5em 1em 0.5em 2em;
  }
  
  .menuSecundario>.mod-menu li:last-child a {
    background: var(--azul);
    color: var(--branco);
    text-decoration: none;
    border: 2px solid var(--azul);
    border-radius: 0.5em;
    font-weight: bold;
    padding: 0.5em 1em;
  }

  #inscricao{}
  .box3{
    background: var(--cinzaClaro1);
    padding: 2em;
  }

  #inscricao > .p0tit2{
    text-align: center;
    margin: 1em 0;
  }

/* Login */
.login-description{
    line-height: 160%;
    margin: 1em 0;
}
.com-users-login__form div{
    margin: 0.5em 0;
}
.visually-hidden{
        position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .icon-fw{
    color: var(--cinzaMedio);
  }
  a > .icon-edit{
    color: #000;
  }

  /* Tooltip */
  div[role="tooltip"]{
    position: absolute;
  bottom: 100%; /* Posiciona acima do elemento */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  }

  div[role="tooltip"]::after {
    content: '';
  position: absolute;
  top: 100%; /* Triângulo aponta para o elemento */
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  }
  .jmodedit:hover div[role="tooltip"],
  .jmodedit:focus div[role="tooltip"]{
    opacity: 1;
    visibility: visible;
  }

  /*👉AREA ADM👈*/
  .menuAdm{
    display: flex;
  }
  .menuAdm > .nav {
    display: flex;
    gap: 1em;
    margin: 0 10px;
  }
/*MEDIA QUERY*/
/*👉Versão Mobile Cel👈*/
@media screen  and (max-width: 700px) {
    main {
        max-width: 100%;
        margin: 0 10px;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display:block;
    }
    .boxcontainer{
        padding-left:1rem;
        padding-right: 1rem;
    }

      /* COLUNAS E ALINHAMENTO */
      .col2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .col2c {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 16px;
        max-width: 100%;
    }

    .col2s {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
        gap: 16px;
    }

    .largura25 {
        width: 100% !important;
    }

    .largura33 {
        width: 100% !important;
    }

    .largura45 {
        width: 100% !important;
    }

    .largura50 {
        width: 100% !important;
    }

    .largura65 {
        width: 100% !important;
    }




    .o0boxmissao,
    .o0boxvisao,
.o0boxvalores{
    border-radius: 1em;
    color: var(--branco);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin: 1em 0;
    width: 100%;
    max-width: 100%;
}
  
    .cursoinfo>.col2c>.box1 {
        width: 80%;
        max-width:  100%;
        padding-left: 40px;
    }
    .cursoinfo>.col2c>.box2 {
        width: 80%;
        max-width:  100%;
        padding-left: 40px;
    }

    .lotes {
        flex-direction: column;
    }
    .boxpalestrante1, .boxpalestrante2 {
        width: 100%;
        margin: 2em 0;
    }
    .boxpalestrante1 figure,
    .boxpalestrante2 figure {
        margin: 0 0 0 0px;
    }

    .boxpalestrante2 > .box > .info {
        width: 100%;
        text-align: left;
    }
    #btn_inaugural{
       
    }


    /*PAGE INDEX*/
.mod-banners__item>img{
    max-width: 100%;
}

.grupo_chamadas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
    justify-content:space-around;
    align-items: center;
    margin: 0;
    padding: 0 0em;
}
}

/*👉Versão Mobile tablet👈*/
@media screen and (min-width: 720px) and (max-width: 1024px) {}

/*👉Versão Desktop👈*/
@media screen and (min-width: 1200px) {}

/*👉Versão IMPRESSÃO👈*/
@media print and (max-height: 280mm) {}