/*
Theme Name: Theme IPIFS - Psicanálise
Theme URI: 
Author: Geovani Assis Pereira
Author URI: https://com.br
Description: Tema oficial do IPIFS - Psicanálise, iniciado em 01 de Outubro de 2025.
Created: 01 de Outubro de 2025
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

/***************************************************************************
       Cores
****************************************************************************

	Preto  		=	#353535
	Branco    	=	#ffffff
	Azul		=	#0F394E
	Beje		= 	#D8B690
	Azul Claro	=	#00b1d7
	Marrom		=	#735545
	Cinza Claro = 	#f5f5f5

/***************************************************************************
       Fonts
***************************************************************************/

	@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Exo:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/***************************************************************************
       Variáveis
***************************************************************************/

	:root {
		--cor-preto: #353535;
		--cor-branco: #ffffff;
		--cor-azul: #0F394E;
		--cor-beje: #D8B690;
		--cor-marrom: #735545;
		--cor-azul-claro: #00b1d7;
		--cor-cinza-claro: #f5f5f5;

		--fonte-didact: 'Didact Gothic', sans-serif;
		--fonte-exo: 'Exo', sans-serif;
		--fonte-lato: 'Lato', sans-serif;
	}

	@keyframes floatDireita {
		0%, 100% {
			transform: translateY(0) translateX(0);
		}
		25% {
			transform: translateY(-10px) translateX(5px);
		}
		50% {
			transform: translateY(5px) translateX(-5px);
		}
		75% {
			transform: translateY(-5px) translateX(10px);
		}
	}
	@keyframes floatEsquerda {
		0%, 100% {
			transform: translateY(0) translateX(0);
		}
		25% {
			transform: translateY(10px) translateX(-5px);
		}
		50% {
			transform: translateY(-5px) translateX(5px);
		}
		75% {
			transform: translateY(5px) translateX(-10px);
		}
	}

/***************************************************************************
        All
***************************************************************************/

	html,
	body{margin: 0 !important; overflow-x: hidden;}

	body{ overflow: auto !important; background: #FBECDC; }

	*{
		font-family: var(--fonte-lato);
		margin: 0;
		box-shadow: 0 0 0 0;
		border: 0 none;
		outline: 0;
	} 

	a:hover,
	a:focus,
	a:visited{
		text-decoration: none !important; 
		cursor: pointer;
	}

	button:focus { outline: none; }

	.mobile{ display: none !important;}


	.mrg-bottom-50{ margin-bottom: 50px; }

	.pdd-0{ padding: 0!important; }
	.pdd-0-15{ padding: 0 15px!important; }
	.pdd-50-0{ padding: 50px 0 !important; }

	.pdd-left-75{ padding-left: 75px !important; }
	.pdd-left-85{ padding-left: 85px !important; }
	.pdd-left-90{ padding-left: 90px !important; }
	.pdd-left-100{ padding-left: 100px !important; }
	.pdd-left-125{ padding-left: 125px !important; }
	.pdd-left-150{ padding-left: 150px !important; }

	.owl-theme .owl-nav [class*=owl-]:hover{
		background: transparent !important;
	}
	
	.txt-center{
		text-align: center !important;
	}
	.txt-right{
		text-align: right !important;
	}

	.tituloAzul{
		color: var(--cor-azul);
		font-family: var(--fonte-exo);
		font-size: 24px;
		font-weight: 900;
	}
	.tituloBranco{
		color: #FBECDC;
		font-family: var(--fonte-exo);
		font-size: 24px;
		font-weight: 900;
	}
	.tituloMarrom{
		color: var(--cor-marrom);
		font-family: var(--fonte-exo);
		font-size: 24px;
		font-weight: 900;
	}

	.btnSeta{
		background: var(--cor-branco);
		width: 245px;
		height: 50px;
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5px 0 20px;
		color: var(--cor-preto);
		font-family: var(--fonte-didact);
		font-size: 20px;
		transition: all .5s ease;
	}
	.btnSeta:hover{
		transform: scale(1.1);
		color: var(--cor-preto);
	}
	.btnSeta::after{
		content: "➜";
		background: var(--cor-azul-claro);
		color: var(--cor-branco);
		width: 43px;
		height: 43px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 25px;
	}

	
	.btnSetaEscura{
		background: var(--cor-azul);
		width: 245px;
		height: 50px;
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5px 0 20px;
		color: var(--cor-branco) !important;
		font-family: var(--fonte-didact);
		font-size: 20px;
		transition: all .5s ease;
	}
	.btnSetaEscura:hover{
		transform: scale(1.1);
		color: var(--cor-branco);
	}
	.btnSetaEscura::after{
		content: "➜";
		background: #fbecdc;
		color: var(--cor-azul);
		width: 43px;
		height: 43px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 25px;
	}

	.btnAzul{
		background: var(--cor-azul);
		color: var(--cor-branco);
		font-family: var(--fonte-didact);
		border: solid 1px var(--cor-azul);
		font-weight: 100;
		font-size: 18px;
		padding: 4px 37px;
		border-radius: 40px;
		transition: all .5s ease;
	}
	.btnAzul:hover{
		background: transparent;
		color: var(--cor-azul);
	}
	.btnTransparente{
		background: transparent;
		color: var(--cor-azul);
		font-family: var(--fonte-didact);
		border: solid 1px var(--cor-azul);
		font-weight: 100;
		font-size: 18px;
		padding: 4px 37px;
		border-radius: 40px;
		transition: all .5s ease;
	}
	.btnTransparente:hover{
		transform: scale(1.1);
	}


/***************************************************************************
        Menu - Navbar
***************************************************************************/

	.navbar{
		background: var(--cor-branco);
		border-bottom: solid 1px var(--cor-marrom);
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10;
		height: 103px;
	}

	.navbar .areaTop{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.navbar .menuTop{
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		padding: 0;
		margin: 0;
		gap: 20px;
	}
	.navbar .menuTop li{
		display: block;
		font-family: var(--fonte-didact);
		font-size: 20px;
		font-weight: 400;
	}
	.navbar .menuTop li a{
		color: var(--cor-marrom);
		display: block;
	}
	.navbar .menuTop li a.sub{
	    padding-right: 15px;
	}
	.navbar .menuTop li .sub::after{
		content: "▲";
		font-size: 12px;
		transform: rotate(180deg);
		display: inline-block;
		position: absolute;
		margin: 9px 0 0 1px;
	}
	
	.navbar ul ul{
		padding: 10px;
		position: fixed;
		background: var(--cor-branco);
		border-top: solid 1px var(--cor-marrom);
		display: none;
	}
	.navbar ul li:hover ul{
		display: block;
	}


	.navbar .social{
		display: flex;
		gap: 5px;
	}
	.navbar .social img{
		transition: all .5s ease;
	}
	.navbar .social img:hover{
		transform: scale(1.1);
	}

	.navbar .logo img{
		width: 174px;
		padding: 10px;
	}

	#opt_menu{
		display: none;
	}

	
	.espaco{
		height: 100px;
	}

	.areaEsfera .btnEsferaAzul{
		background: var(--cor-azul);
		height: 34px;
		display: flex;
		width: 34px;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		transition: all .5s ease;
	}
	
	.areaEsfera .btnEsferaAzul:hover{
		transform: scale(1.1);
	}
/***************************************************************************
        Home > Banner
***************************************************************************/

	#banner{
		background-color: var(--cor-branco);
		padding-top: 40px;
	}
	#banner img{
		border-radius: 15px;
	}
	#banner .owl-theme .owl-nav .owl-prev{
		margin: -280px 0 0 0;
		position: absolute;
		left: 50px;

	}
	#banner .owl-theme .owl-nav .owl-next{
		margin: -280px 0 0 0;
		position: absolute;
		right: 50px;

	}
	#banner .owl-prev span,
	#banner .owl-next span{
		color: var(--cor-branco);
		font-size: 80px;
		font-family: var(--fonte-didact);
		opacity: 0.5;
		transition: all .5s ease;
	}

	#banner .owl-prev:hover span,
	#banner .owl-next:hover span{
		opacity: 1;
	}
	
	#banner .owl-theme .owl-dots{
		position: absolute;
		margin: -40px auto 0;
		display: flex;
		justify-self: center;
	}

	#banner .owl-theme .owl-dots .owl-dot span{
		width: 32px;
		height: 5px;
    	background: #ffffff4d;
	}
	#banner .owl-theme .owl-dots .owl-dot.active span,
	#banner .owl-theme .owl-dots .owl-dot:hover span{
    	background: #ffffff;		
	}
	
/***************************************************************************
        Home > Instituto
***************************************************************************/

	#instituto{
		background-color: var(--cor-branco);		
		padding: 70px 0px 0px;
	}
	#instituto p{
		margin-bottom: 40px;
		color: var(--cor-preto);
		font-size: 15px;
		text-align: justify;
	}
	#instituto img{
		width: 100%;
		max-width: 400px;
	}

	#instituto .foto{
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

/***************************************************************************
        Home > Formação
***************************************************************************/
#formacao {
  background-color: var(--cor-azul);
  padding: 90px 0;
}
#formacao.interno {
  background-color: var(--cor-branco);
}

#formacao .galeria::after {
    content: "";
    display: block;
    width: 40px;
    height: calc(100% + 40px);
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 9;
    background: var(--cor-azul);
    box-shadow: -20px 0 20px 4px var(--cor-azul);
}
#formacao.interno .galeria::after {
    background: var(--cor-branco);
    box-shadow: -20px 0 20px 4px var(--cor-branco);

}
#formacao .galeria .rodar {
  display: flex;
  width: max-content;
  animation: rodar 60s linear infinite;
}
#formacao .galeria .rodar.reverse {
  animation-direction: reverse;
}
#formacao .galeria  .rodar__faixa {
  display: flex;
}

#formacao .galeria .rodar img {
  width: auto;
  height: 220px;
  padding: 5px;
  border-radius: 15px;
}

@keyframes rodar {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

#formacao h3{
	color: var(--cor-branco);
    font-size: 40px;
    font-weight: 900;
	margin: 30px 0;
}
#formacao p{
	color: var(--cor-branco);
	font-family: var(--fonte-didact);
	margin: 0;
	font-size: 15px;
	max-width: 740px;
	text-align: justify;
}

#formacao.interno p{
    margin-bottom: 40px;
    color: var(--cor-preto);
    font-size: 18px;
    text-align: justify;
}



/***************************************************************************
        Home > Mais Instituto
***************************************************************************/

	#maisInstituto{
		background-color: var(--cor-beje);
		padding: 90px 0px;
	}

	#maisInstituto .cardBlc{
		background: #fff;
		border-radius: 10px;
		padding: 20px 32px 30px;
		text-align: center;
		max-width: 300px;
    	margin: 30px auto 0;
		transition: all .5s ease;
	}
	#maisInstituto .cardBlc.blc1{
    	margin: 30px auto 0 0;
	}
	#maisInstituto .cardBlc.blc3{
    	margin: 30px 0 0 auto;
	}




	#maisInstituto .cardBlc:hover{
		transform: scale(1.1);
		box-shadow: 0px 9px 8px 0px #00000052;
	}
	#maisInstituto .cardBlc img{
		max-width: 100%;
		width: 150px;
	}
	#maisInstituto .cardBlc h3{		
		color: var(--cor-azul);
		font-family: var(--fonte-exo);
		font-size: 24px;
		font-weight: 800;
		text-align: left;
		margin: 30px 0;
	}

/***************************************************************************
        Home > Transforma
***************************************************************************/

	#transforma{
		background-color: var(--cor-branco);		
		padding: 0px 0px;
	}
	#transforma .areaTexto{
		font-family: var(--fonte-didact);
		text-align: justify;
		font-size: 15px;
		margin: 20px 0 0 0;
		color: var(--cor-preto);
	}



	#transforma .depoimentos .wrapper {
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#transforma .depoimentos .carousel {
		position: relative;
		width: 100%;
		max-width: 500px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		overflow: clip;
		height: 600px;
	}

	#transforma .depoimentos .carousel__item {
		display: flex;
		align-items: flex-start;
		position: absolute;
		width: 100%;
		padding: 0 12px;
		opacity: 0;
		will-change: transform, opacity;
		animation: carousel-animate-vertical 80s linear infinite;
	}

	#transforma .depoimentos .carousel:hover .carousel__item {animation-play-state: paused;}

	#transforma .depoimentos .carousel__item:nth-child(1) {animation-delay: calc(80s / 9 * -1);}
	#transforma .depoimentos .carousel__item:nth-child(2) {animation-delay: calc(80s / 9 * 0);}
	#transforma .depoimentos .carousel__item:nth-child(3) {animation-delay: calc(80s / 9 * 1);}
	#transforma .depoimentos .carousel__item:nth-child(4) {animation-delay: calc(80s / 9 * 2);}
	#transforma .depoimentos .carousel__item:nth-child(5) {animation-delay: calc(80s / 9 * 3);}
	#transforma .depoimentos .carousel__item:nth-child(6) {animation-delay: calc(80s / 9 * 4);}
	#transforma .depoimentos .carousel__item:nth-child(7) {animation-delay: calc(80s / 9 * 5);}
	#transforma .depoimentos .carousel__item:nth-child(8) {animation-delay: calc(80s / 9 * 6);}
	#transforma .depoimentos .carousel__item:nth-child(9) {animation-delay: calc(80s / 9 * 7);}

	#transforma .depoimentos .carousel__item-head {
		width: 90px;
		height: 90px;
		padding: 14px;
		position: relative;
		margin-right: -45px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 50px;
		margin-top: 20px;
	}
	#transforma .depoimentos .carousel__item-head img{
		width: 90px;
		height: 90px;
		border-radius: 50%;
	}

	#transforma .depoimentos .carousel__item-body {
		width: 100%;
		background-color: #FBECDC;
		border-radius: 8px;
		padding: 16px 20px 16px 70px;
	}

	#transforma .depoimentos .title {
	    font-size: 20px;
		color: #735545;
		font-family: var(--fonte-exo);
		font-weight: 900;
		margin: 0;
	}
	
	#transforma .depoimentos span{
		width: 100%;
		display: block;
		font-size: 15px;
		padding-bottom: 30px;
		color: #735545;
	}
	#transforma .depoimentos .texto{
		width: 100%;
		display: block;
		font-size: 15px;
		margin: 0px;
		color: #735545;
	}

@keyframes carousel-animate-vertical {
  0% {
    transform: translateY(100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
  3%, 11.11% {
    transform: translateY(100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  14.11%, 22.22% {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
  }
  25.22%, 33.33% {
    transform: translateY(-100%) scale(0.7);
    opacity: 0.4;
    visibility: visible;
  }
  36.33% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: visible;
  }
  100% {
    transform: translateY(-100%) scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
}

/***************************************************************************
        Home > Contato e Acompanhe
***************************************************************************/

	#contato-acompanhe{
		background: linear-gradient(90deg,rgba(216, 182, 144, 1) 50%, rgba(15, 57, 78, 1) 50%);
	}
	.inveso #contato-acompanhe{
		background: linear-gradient(90deg,rgba(216, 182, 144, 1) 50%, #735545 50%);
	}

	
	#contato-acompanhe .contato{
		padding: 90px 15px 50px 15px;
		background-color: var(--cor-beje);
	}
	#contato-acompanhe .contato form{
		background: #fff;
		width: 100%;
		max-width: 372px;
		padding: 15px;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 23px;
	}
	#contato-acompanhe .contato form p{
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#contato-acompanhe .contato form .wpcf7-list-item-label a{
		color: var(--cor-marrom);
		font-weight: 700;
	}
	#contato-acompanhe .contato form select{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;		
	}
	#contato-acompanhe .contato form .input{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
	}
	#contato-acompanhe .contato form .wpcf7-submit{
		width: 90%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
		background: var(--cor-marrom);
		font-size: 20px;
		color: var(--cor-branco);
	}
	#contato-acompanhe .contato form input[type=checkbox]{
		width: 10px;
	}
	#contato-acompanhe .contato form .wpcf7-spinner{
		position: absolute;
		margin: 0;
	}
	#contato-acompanhe .acompanhe{
		padding: 90px 15px 50px 45px;
		background-color: var(--cor-azul);
	}
	.inveso #contato-acompanhe .acompanhe{
		background-color: #735545 ;
	}
	#contato-acompanhe .acompanhe .social{
		gap: 10px;
		display: flex;
		flex-wrap: wrap;
	}
	#contato-acompanhe .acompanhe .social img{
		display: block;
		transition: all .5s ease;
	}
	#contato-acompanhe .acompanhe .social img:hover{
		transform: scale(1.1);
	}
	
	#contato-acompanhe .acompanhe a p{
		color: var(--cor-branco);
		font-family: var(--fonte-didact);
		font-weight: 100;
		font-size: 20px;
		margin: 15px 0;
	}
	#contato-acompanhe .acompanhe iframe{
		border-radius: 15px;
	}


/***************************************************************************
        Footer
***************************************************************************/

	.whatsapp img {
	position: fixed;
	z-index: 8;
	bottom: 86px;
	right: 8px;
	width: 50px;
	height: 50px;
	opacity: 0.7;
	transition: ease 0.8s all;
	}

	.whatsapp a:hover img {
	opacity: 1;
	filter: drop-shadow(0px 0px 6px black);
	}

	footer{
		min-height: 75px;
		display: flex;
		align-items: center;
		background: var(--cor-branco);
		border-top: solid #A1A3A6 4px;
	}

	footer #logo{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		flex-wrap: wrap;
	}
	footer #logo img{
		width: 120px;
	}
	footer #logo p{
		margin: 0px;
		font-size: 12px;
		line-height: 16.7px;
		color: var(--cor-preto);
		font-weight: 600;
	}

	footer #links{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 20px;
		flex-wrap: wrap;
	}
	footer #links a{
		display: block;
		margin: 0px;
		font-size: 12px;
		line-height: 16.7px;
		color: var(--cor-preto);
		font-weight: 600;
	}



	.tituloInterno{
		background: var(--cor-azul);
		padding: 100px 0;
		color: var(--cor-branco);
		text-transform: lowercase;
	}
	.textoInterno{
		padding: 100px 0;
	}
	.textoInterno h2,
	.textoInterno h3,
	.textoInterno h4,
	.textoInterno h5,
	.textoInterno h6 {
		color: var(--cor-marrom);
		font-family: var(--fonte-exo);
		font-size: 24px;
		font-weight: 900;
	}

/***************************************************************************
        nossa missão
***************************************************************************/

	#missao{
		background: var(--cor-azul);
	    padding: 100px 0;
	}
	#missao p{
		color: var(--cor-branco);
		font-size: 18px;
		font-weight: 500;
	}

/***************************************************************************
        Certificado
***************************************************************************/
	
	#certificado{
		background-color: var(--cor-azul);
		height: calc(100vh - 175px);
		min-height: 560px;
		align-content: center;
		text-align: center;
	}
	#certificado form{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#certificado form #codigo_cert{
		width: 333px;
		height: 49px;
		background: transparent;
		border: solid 1px #735545;
		border-radius: 10px;
		margin: 40px 0 70px !important;
		padding: 0 15px;
	}
	#certificado form #codigo_cert::placeholder,
	#certificado form #codigo_cert{
		color: #9c9894;
		font-size: 20px;
		padding: 0 15px;
	}
	#certificado form button{
		background: #735545;
		color: #fff;
		width: 290px;
		height: 49px;
		border-radius: 10px;
		font-size: 20px;
		font-weight: 600;
	}


	#certificado .error{
		width: 333px;
		margin: 50px auto 0;
		height: 49px;
		border: solid 1px #ff0000;
		border-radius: 10px;
		place-content: center;
		color: #ff6868;
	}

	#certificado .sucesso{
		width: 333px;
		margin: 50px auto 0;
		height: 49px;
		border: solid 1px #8ff58f;
		border-radius: 10px;
		place-content: center;
		color: #00ff00;
	}
	
/***************************************************************************
        banner - ensino
***************************************************************************/

	#bannerInterno::after{
		content: "";
		width: 100%;
		height: 10px;
		display: block;
		position: absolute;
		background: var(--cor-azul);
		margin-top: -10px;
		box-shadow: 0px 0px 30px 50px var(--cor-azul);
	}
	#bannerInterno .areaImg{
		padding-top: 30px;
		display: flex;
		justify-content: flex-end;
	}
	#bannerInterno .areaTexto{
		padding-top: 90px;
	}
	#bannerInterno h2{
		font-size: 40px;
		margin: 0;
	}
	#bannerInterno .spTitle{
		font-family: var(--fonte-exo);
		font-size: 24px;
		color: var(--cor-azul);
		font-weight: 500;
	}
	#bannerInterno .blocValor{
		background: var(--cor-marrom);
		color: #FBECDC;
		border-radius: 10px;
		padding: 5px 10px;
		width: fit-content;
		margin: 10px 0;
	}
	#bannerInterno .blocValor p{
		margin: 0;
		font-size: 17px;
		font-family: var(--fonte-exo);
	}
	#bannerInterno .blocValor span{
		font-family: var(--fonte-exo);
		font-size: 17px;
		display: block;
		margin-top: -7px;
	}
	#bannerInterno .modalidade p{
		margin: 0;
		font-family: var(--fonte-exo);
		color: var(--cor-marrom);
		font-weight: 500;
		line-height: 30px;
	}
	#bannerInterno .modalidade p img{
		margin-right: 5px;
	}
	#bannerInterno .modalidade span{
		display: block;
	}
	
	#bannerInterno .enfeite1{
		background-image: url(https://ipifs.com.br/wp-content/uploads/2025/10/animacao01.png);
		width: 229px;
		height: 123px;
		position: absolute;
		margin-top: 160px;
		z-index: -1;
		left: 7%;
		animation: floatDireita 15s infinite ease-in-out;
	}
	#bannerInterno .enfeite2{
		background-image: url(https://ipifs.com.br/wp-content/uploads/2025/10/animacao02.png);
		width: 228px;
		height: 155px;
		position: absolute;
		margin-top: 10px;
		z-index: -1;
		left: 30%;
		animation: floatEsquerda 15s infinite ease-in-out;
	}
	#bannerInterno .enfeite3{
		background-image: url(https://ipifs.com.br/wp-content/uploads/2025/10/animacao03.png);
		width: 381px;
		height: 381px;
		position: absolute;
		margin-top: 120px;
		z-index: -1;
		right: 0px;
		animation: floatDireita 15s infinite ease-in-out;
	}

/***************************************************************************
        Bloco Frase - ensino
***************************************************************************/

	#blocosFrase{
		background: var(--cor-azul);
	    padding: 50px 0 30px;
	}
	#blocosFrase .blcDescricao{
		background: #FBECDC;
		border-radius: 10px;
		padding: 30px;
		height: 100%;
		margin: 0px 0 30px;
	}
	#blocosFrase .blcDescricao h2{
		color: var(--cor-azul);
		font-size: 24px;
		text-align: center;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	#blocosFrase .blcDescricao p{
		font-size: 15px;
		color: var(--cor-azul);
		text-align: justify;
	}

/***************************************************************************
        Frase - ensino
***************************************************************************/

	#frase{
		background: linear-gradient(180deg,rgba(15, 57, 78, 1) 50%, rgba(245, 245, 245, 1) 50%);
	}
	#frase p{
		background-color: var(--cor-azul-claro);
		color: var(--cor-branco);
		font-size: 19px;
		font-family: var(--fonte-exo);
		font-weight: 500;
		border-radius: 5px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 28px 23px;
		margin: 30px 0;
		text-align: center;
	}

/***************************************************************************
        Vai aprender - ensino
***************************************************************************/

	#aprender{
		background: var(--cor-cinza-claro);
		padding-bottom: 50px;
		padding-top: 20px;	
	}
	#aprender .blcSanfona{
		width: 100%;
	}
	#aprender h3{
		background: var(--cor-azul);
		padding: 7px 30px 7px 15px;
		border-radius: 10px;
		color: var(--cor-branco);
		font-size: 20px;
		font-weight: 100;
		font-family: var(--fonte-didact);
		box-shadow: 0 0 8px 0px #0000008c;
		margin: 15px 0 0;
		display: inline-flex;
		width: 100%;
	    cursor: pointer;
	}
	#aprender h3::after {
		content: "▲";
		font-size: 8px;
		transform: rotate(180deg);
		display: inline-block;
		position: absolute;
		margin: 7px 0px 0px 0px;
		right: 30px;
	}
	#aprender .texto{
		background: #fbecdc;
		box-shadow: 0 0 8px 0px #0000008c;
		padding: 20px 15px 15px;
		margin-top: -5px;
		border-radius: 0 0 10px 10px;
		display: none;
		text-align: justify;
	}

	
/***************************************************************************
        Todas - ensino
***************************************************************************/

	#todas{
		background-color: var(--cor-beje);
		border-bottom: 200px solid var(--cor-branco);
		padding-top: 70px;
	}
	#todas img{
		margin-bottom: -150px;
		max-width: 100%;
		margin-top: -80px;
	}
	
/***************************************************************************
        Pop-up - ensino
***************************************************************************/

	#popup{
		background: #00000066;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		display: none;
		align-content: center;
	    place-items: anchor-center;
	}
	#popup .bloco{
		width: 600px;
		min-height: 400px;
		max-width: 100%;
		padding: 30px;
		background: var(--cor-beje);
		border-radius: 10px;
		box-shadow: 0 0 15px #0000003d;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	#popup .bloco .close{
		color: var(--cor-branco);
		position: absolute;
		margin: -350px -540px 0 0;
		font-family: 'Exo';
		font-size: 19px;
		cursor: pointer;
	}
	#popup .bloco .tituloAzul {
    	font-weight: 600;
		margin: 0px;
		text-align: center;
	}
	#popup .bloco span{ 
		font-family: var(--fonte-didact);
		font-size: 16px;
		color: #000;
		font-weight: 500;
		margin-bottom: 50px;
	}
	#popup .bloco p{
		text-align: center;
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
		font-family: var(--fonte-didact);
		margin-bottom: 50px;
	}
	#popup .bloco .areaBtn{
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 45px;
	}
	#popup .bloco .btnAzul:hover{
		background: var(--cor-azul);
		color: var(--cor-branco);
		transform: scale(1.1);
	}
	#popup .bloco.area2{
		display: none;
	}

/***************************************************************************
        Formularios
***************************************************************************/

	.formularios{
	    padding-top: 100px;
	}
	.formularios .preTitulo{
		font-size: 17px;
		font-family: var(--fonte-didact);
		text-align: center;
	}
	.formularios .tituloAzul{
		text-align: center;
		margin: 0px 0 60px 0;
	    font-size: 32px;
	    font-weight: 800;
	}

	.formularios .input{
		margin: 5px 0 0;
		width: 100%;
		background: transparent;
		border: solid 1px var(--cor-marrom);
		min-height: 50px;
		border-radius: 10px;
		padding: 0 15px;
	}
	.formularios .btnMarrom{
		width: 290px;
		height: 50px;
		background: var(--cor-marrom);
		border-radius: 10px;
		font-size: 20px;
		color: var(--cor-branco);
		font-family: var(--fonte-lato);
		font-weight: 300;
		margin: 50px calc( 50% - 145px ) 0;
		transition: all .5s ease;
	}
	.formularios .btnMarrom:hover{
		transform: scale(1.1);
	}
	.formularios .wpcf7-list-item-label{
		color: var(--cor-azul);
		font-size: 15px;
		font-family: var(--fonte-didact);
	}
	.formularios .wpcf7-list-item-label span{
		cursor: pointer;
	}
	
	.formularios h3{
		color: var(--cor-azul);
		font-size: 32px;
		font-family: var(--fonte-exo);
		font-weight: 400;
		margin-bottom: 20px;
	}
	.formularios .evolucao p{
		display: flex;
		justify-content: center;
		margin: -35px 0 30px 0;
		flex-wrap: wrap;
	}
	.formularios .evolucao p img{
	    margin: 15px 0;
	}
	.formularios p.texto{
		font-size: 17px;
		color: var(--cor-azul);
	}
	.formularios .btnAzul{
		display: block;
	}
	.formularios .btnAzul:hover{
		background: var(--cor-azul);
		color: var(--cor-branco);
		transform: scale(1.1);
	}
	.formularios .btnArea p{
		margin: 70px 0 0;
		display: flex;
		justify-content: space-evenly;
	}
	.formularios .btnArea .wpcf7-spinner{
		position: absolute;
    	margin: 80px 0 0 49%;
	}
	.formularios .btnArea  .btnMarrom {
    	margin: 0;
		width: 171px;
	}
	.formularios .btnArea .btnTransparente{
		width: 171px;
		height: 50px;
		border-radius: 10px;
		font-size: 20px;
		color: var(--cor-marrom);
		font-family: var(--fonte-lato);
		font-weight: 300;
		margin: 0;
		transition: all .5s ease;
		border: solid 1px var(--cor-marrom);
	}
	.formularios .pagamentos h4{
		background: var(--cor-branco);
		width: 100%;
		height: 157px;
		display: flex;
		align-items: center;
		padding: 30px 30px 30px 105px;
		border-radius: 10px;
		margin-bottom: 30px;
		cursor: pointer;
		transition: all .5s ease;
	}
	.formularios .pagamentos h4:hover,
	.formularios .pagamentos h4.ativo{
		transform: scale(1.1);
		box-shadow: 0 0 20px #00000021;
	}
	.formularios .pagamentos h4 img{
		margin-right: 50px;
	}
	.formularios .pagamentos p{
		display: none;
	}

/***************************************************************************
        Clube de Leitura
***************************************************************************/

	#clubeIndex{
		background: var(--cor-branco);
		padding: 60px 0;
		min-height: calc(100vh - 175px);
	}
	#clubeIndex .bloco{
		background: #FBECDC;
		border-radius: 10px;
	}
	#clubeIndex .bloco img{
		border-radius: 10px;
		width: 100%;
		height: auto;
	}
	#clubeIndex .bloco .areatexto{
		padding: 20px;
		min-height: 115px;
	}
	#clubeIndex .bloco .areatexto h3{
		margin: 0;
		color: #000;
		font-size: 20px;
		font-family: var(--fonte-exo);
		font-weight: 800;
	}
	#clubeIndex .bloco .areatexto h3 span{
	    font-weight: 500;
	}

	#bannerCLubeLeitura::after{
		content: "";
		width: 100%;
		height: 10px;
		display: block;
		position: absolute;
		background: var(--cor-beje);
		margin-top: -10px;
		box-shadow: 0px 0px 30px 50px var(--cor-beje);
	}
	#bannerCLubeLeitura .areaImg{
		padding-top: 30px;
		display: flex;
		justify-content: flex-end;
	}
	#bannerCLubeLeitura h2{
		font-size: 40px;
		margin: 0;
	}
	#bannerCLubeLeitura .spTitle{
		font-family: var(--fonte-exo);
		font-size: 24px;
		color: var(--cor-azul);
		font-weight: 500;
		width: 100%;
		display: block;
		text-transform: uppercase;
	}
	#bannerCLubeLeitura .spTitle b{
		font-family: var(--fonte-exo);
		font-size: 24px;
		color: var(--cor-azul);
		font-weight: 900;
	}
	#bannerCLubeLeitura .modalidade p{
		margin: 0;
		font-family: var(--fonte-exo);
		color: var(--cor-marrom);
		font-weight: 500;
		line-height: 30px;
	}
	#bannerCLubeLeitura .modalidade p img{
		margin-right: 5px;
	}
	#bannerCLubeLeitura .modalidade span{
		display: block;
	}
	#bannerCLubeLeitura .destaque{
		margin: 0;
		background: var(--cor-azul-claro);
		border-radius: 5px;
		padding: 5px 10px;
		color: var(--cor-branco);
		width: fit-content;
		text-transform: uppercase;
	}	
	#bannerCLubeLeitura .contato{
		padding: 40px 15px 50px 15px;
	}
	#bannerCLubeLeitura .contato form{
		background: #fff;
		width: 100%;
		max-width: 372px;
		padding: 15px;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 23px;
	}
	#bannerCLubeLeitura .contato form h2{
		font-size: 24px;
		margin: 0;
		font-weight: 400;
	}
	#bannerCLubeLeitura .contato form p{
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#bannerCLubeLeitura .contato form .wpcf7-list-item-label a{
		color: var(--cor-marrom);
		font-weight: 700;
	}
	#bannerCLubeLeitura .contato form select{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;		
	}
	#bannerCLubeLeitura .contato form .input{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
	}
	#bannerCLubeLeitura .contato form .wpcf7-submit{
		width: 90%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
		background: var(--cor-marrom);
		font-size: 20px;
		color: var(--cor-branco);
	}
	#bannerCLubeLeitura .contato form input[type=checkbox]{
		width: 10px;
	}
	#bannerCLubeLeitura .contato form .wpcf7-spinner{
		position: absolute;
		margin: 0;
	}


	#oQueE{
		background-color: var(--cor-beje);
		padding: 40px 0 15px;
	}
	#oQueE .bloco{
		background: #FBECDC;
	    border-radius: 10px;
	}
	#oQueE img{
		padding-bottom: 40px
	}
	#oQueE .texto{
		padding: 15px 65px 15px 15px;
		align-content: center;
	}
	#oQueE p{
		font-family: var(--fonte-didact);
		font-size: 18px;
		font-weight: 500;
		color: var(--cor-preto);
		text-align: justify;
	}


	#blocos{
		background: linear-gradient(180deg, var(--cor-beje) 50%, #FBECDC 50%);
	}
	#blocos .bloco{
		background-color: var(--cor-azul-claro);
		border-radius: 5px;
		width: 100%;
		align-items: center;
		padding: 5px 23px;
		margin: 30px 0;
		display: flex;
		justify-content: space-evenly;
		min-height: 115px;
	}
	#blocos .bloco p{
		color: var(--cor-branco);
		font-size: 19px;
		font-family: var(--fonte-exo);
		font-weight: 600;
		margin: 0px;
	}
	#blocos .bloco p span{
		color: var(--cor-azul);
		font-size: 18px;
		font-family: var(--fonte-didact);
		font-weight: 100;
		text-transform: lowercase;
		max-width: 144px;
		display: block;
		line-height: 20px;
	}

	#vamosLer{
		padding: 70px 0;
	}
	#vamosLer img{
		width: 100%;
	}
	#vamosLer p{
		font-family: var(--fonte-didact);
		font-size: 18px;
		font-weight: 500;
		color: var(--cor-preto);
		text-align: justify;
	}

	#autor{
		padding: 55px 0;
		background-color: var(--cor-marrom);
	}
	#autor img{
		width: 100%;
	}
	#autor p{
		font-family: var(--fonte-didact);
		font-size: 18px;
		font-weight: 500;
		color: var(--cor-branco);
		text-align: justify;
		margin: 0px;
	}

	#diferentesEdicoes{
		padding: 70px 0;
	}
	#diferentesEdicoes img{
		width: 100%;
	}
	#diferentesEdicoes p{
		font-family: var(--fonte-didact);
		font-size: 18px;
		font-weight: 500;
		color: var(--cor-preto);
		text-align: justify;
	}
	
/***************************************************************************
        Clube de estudos
***************************************************************************/

	#bannerCLubeEstudos{
		background-color: var(--cor-azul);
		padding: 30px 0;
		background-image: url("https://ipifs.com.br/wp-content/uploads/2025/10/Design-sem-nome-15-1.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: calc(50% - 480px);
	}
	#bannerCLubeEstudos .areaImg{
		display: flex;
		justify-content: center;
	}
	#bannerCLubeEstudos .areaImg img{
		max-width: 100%;
	}
	#bannerCLubeEstudos h2{
		font-size: 40px;
		margin: 0;
		color: var(--cor-branco);
	    font-weight: 700;
	    text-transform: uppercase;
	}
	#bannerCLubeEstudos .spTitle{
		font-family: var(--fonte-exo);
		font-size: 22px;
		color: var(--cor-beje);
		font-weight: 400;
		width: 100%;
		display: block;
	}
	#bannerCLubeEstudos .spTitle b{
		font-family: var(--fonte-exo);
		font-size: 24px;
		color: var(--cor-branco);
		font-weight: 600;
	}
	#bannerCLubeEstudos .modalidade p{
		margin: 0;
		font-family: var(--fonte-exo);
		color: var(--cor-beje);
		font-weight: 500;
		line-height: 30px;
		font-size: 20px;
	}
	#bannerCLubeEstudos .modalidade p img{
		margin-right: 5px;
	}
	#bannerCLubeEstudos .modalidade span{
		display: block;
	}
	#bannerCLubeEstudos .destaque{
		margin: 0;
		background: var(--cor-azul-claro);
		border-radius: 5px;
		padding: 5px 10px;
		color: var(--cor-branco);
		width: fit-content;
		text-transform: uppercase;
		margin-top: 15px;
	}	
	#bannerCLubeEstudos .contato{
		padding: 20px 15px 0px;
	}
	#bannerCLubeEstudos .contato form{
		background: #fff;
		width: 100%;
		max-width: 372px;
		padding: 15px;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 23px;
	}
	#bannerCLubeEstudos .contato form h2{
		font-size: 24px;
		margin: 0;
		font-weight: 400;
		color: var(--cor-azul);
	}
	#bannerCLubeEstudos .contato form p{
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#bannerCLubeEstudos .contato form .wpcf7-list-item-label a{
		color: var(--cor-marrom);
		font-weight: 700;
	}
	#bannerCLubeEstudos .contato form select{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;		
	}
	#bannerCLubeEstudos .contato form .input{
		border: solid 1px var(--cor-marrom);
		width: 100%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
	}
	#bannerCLubeEstudos .contato form .wpcf7-submit{
		width: 90%;
		height: 50px;
		border-radius: 10px;
		margin: 11px 0;
		padding: 0 15px;
		background: var(--cor-marrom);
		font-size: 20px;
		color: var(--cor-branco);
	}
	#bannerCLubeEstudos .contato form input[type=checkbox]{
		width: 10px;
	}
	#bannerCLubeEstudos .contato form .wpcf7-spinner{
		position: absolute;
		margin: 0;
	}

	#eixos{
	    padding: 30px 0 60px;
	}
	#eixos ul{
		min-height: 200px;
		padding-left: 30px;
		margin: 15px 0 20px 0;
		font-family: var(--fonte-didact);
		font-size: 18px;
	}
	#eixos .areaFotos{
		min-height: 340px;
	}
	#eixos .areaFotos .primeira{
		left: 15px;
		position: absolute;
		max-width: 100%;
		top: 0;
		z-index: 1;
		animation: floatDireita 15s infinite ease-in-out;
	}
	#eixos .areaFotos .segunda{
		right: 15px;
		position: absolute;
		max-width: 100%;
		bottom: 0;
		animation: floatEsquerda 15s infinite ease-in-out;
	}
	#eixos .areaFotos .terceiro{
		max-width: 100%;
		animation: floatEsquerda 15s infinite ease-in-out;
	}

	#depoimentoClubeEstudo{
		background-color: var(--cor-azul-claro);
	    padding: 50px 0;
	}

	#depoimentoClubeEstudo h2{
		margin: 15px 0 0;
		color: #000;
		font-size: 20px;
		font-weight: 900;
		text-align: center;
	}
	#depoimentoClubeEstudo h2 span{
		display: block;
		font-style: italic;
		font-weight: 500;
	}
	#depoimentoClubeEstudo p{
		color: #fff;
		font-size: 32px;
		font-family: var(--fonte-didact);
		font-weight: 200;
		text-align: justify;
		max-width: 506px;
		margin: 30px auto;
	}
	#depoimentoClubeEstudo p::before{
		content: "";
		background-image: url("https://ipifs.com.br/wp-content/uploads/2025/10/unnamed-file.png");
		display: block;
		height: 29px;
		width: 27px;
		position: absolute;
		margin: -30px 0 0 -25px;
	}
	#depoimentoClubeEstudo p::after{
		content: "";
		background-image: url("https://ipifs.com.br/wp-content/uploads/2025/10/unnamed-file.png");
		display: block;
		height: 29px;
		width: 27px;
		position: absolute;
		right: 0;
		transform: rotate(180deg);
	}





/***************************************************************************
        Responsidade
***************************************************************************/

	@media (max-width: 1200px){
		.navbar .menuTop li {
		    font-size: 17px;
		}
		.navbar .social {
		    gap: 3px;
		}
		.navbar .menuTop li .sub::after {
    		margin: 6px 0 0 1px;
		}
		.navbar .btnAzul {
		    padding: 4px 15px;
		}
		#bannerInterno .areaTexto,
		#bannerCLubeLeitura .areaTexto{
			padding-top: 20px;
		}
		#todas img {
		    margin-top: -20px;
		}
		#eixos .areaFotos {
			min-height: 460px;
		}
	}

	@media (max-width: 991px){

		
		.desktop{ display: none !important;}
		.mobile{ display: block !important;}

		.hamburguer-bt{
			cursor: pointer;
		}
		.hamburguer-bt .hamburguer_line{
			transition: all .5s ease;
			background: var(--cor-azul-claro);
			height: 4px;
			width: 40px;
			margin: 5px 0;
		}
		.hamburguer-bt.ativo .hamburguer-top{
			transform: rotate(45deg);
			margin-top: 15px;
		}
		.hamburguer-bt.ativo .hamburguer-middle{
			opacity: 0;
		}
		.hamburguer-bt.ativo .hamburguer-bottom{
			transform: rotate(-45deg);
			margin-top: -18px;
		}

		#opt_menu{
			display: block;
			position: fixed;
			width: 320px;
			height: calc(100% - 100px);
			margin-top: 102px;
			z-index: 10;
			background: var(--cor-branco);
			right: -100%;
			border-left: solid 2px var(--cor-marrom);
			border-top: solid 2px var(--cor-marrom);
			transition: all .5s ease;
		}
		#opt_menu.ativo{			
			right: 0;
		}
		.fundo_menu{
			position: fixed;
			background: #000000a8;
			width: 100%;
			height: 100%;
			top: 0;
			left: 100%;
			z-index: 9;
			transition: all .5s ease;
		}
		.fundo_menu.ativo{
			left: 0;
		}

		#opt_menu ul{
			padding: 15px;
			margin: 0;
		}
		#opt_menu li{
			display: block;
			height: auto;
			justify-self: anchor-center;
			margin: 30px 0;
		}
		#opt_menu li.menu {
			font-family: var(--fonte-didact);
			font-size: 20px;
			font-weight: 300;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		#opt_menu li.menu a{
			color: var(--cor-marrom);
		}
		
		#opt_menu li a.sub{
			padding-right: 15px;
		}
		#opt_menu li .sub::after{
			content: "▲";
			font-size: 12px;
			transform: rotate(180deg);
			display: inline-block;
			position: absolute;
			margin: 9px 0 0 1px;
		}
		#opt_menu li.social{
			display: flex;
			gap: 20px;
		}


		#maisInstituto .cardBlc {margin: 30px auto 0 !important;}				
		footer #logo,
		footer #links{
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 20px;
			flex-wrap: wrap;
			padding: 15px;
		}
		
		#contato-acompanhe{
			background: linear-gradient(180deg,rgba(216, 182, 144, 1) 50%, rgba(15, 57, 78, 1) 50%);
		}
		.inveso #contato-acompanhe{
			background: linear-gradient(180deg,rgba(216, 182, 144, 1) 50%, #735545 50%);
		}
		#contato-acompanhe .acompanhe {
		    padding: 90px 15px 50px 15px;
		}
		#formacao .galeria::after {
			display: none;
		}
		#formacao {
			padding: 40px 0;
		}
		#formacao .texto{
			max-width: 770px;
			margin: 40px auto 10px;
		}
		#banner .owl-theme .owl-nav .owl-prev {
			margin: -200px 0 0 0;
			position: absolute;
			left: 0px;
		}
		#banner .owl-theme .owl-nav .owl-next {
			margin: -200px 0 0 0;
			position: absolute;
			right: 0px;
		}

		#transforma .depoimentos{
			padding: 0px !important;
		}
		#transforma .depoimentos .carousel__item-body {
		    padding: 16px 20px 16px 50px;
		}
		#transforma .depoimentos .carousel__item {
    		padding: 0 5px;
		}
		#transforma .depoimentos .carousel {
   			height: 630px;
		}
		#transforma .depoimentos .texto {
    		font-size: 13px;
		}
		
		#missao .col-lg-5{
			text-align: center;
			margin-bottom: 40px;
		}

		#blocosFrase .row{
			gap: 30px;
		}
		#bannerInterno .mobile,
		#bannerCLubeLeitura .mobile{
			text-align: center;
		}
		#bannerInterno .mobile img,
		#bannerCLubeLeitura .mobile img{
			max-width: 100%;
		}
		
		#todas img {
		    margin-top: 0px;
		}
		#bannerInterno .enfeite1{
			margin-top: 0px;
			opacity: 0.5;
			top: 54%;
		}
		#bannerInterno .enfeite2{
			display: none;
		}
		#bannerInterno .enfeite3{
			bottom: 0;
			opacity: 0.5;
		}
		#bannerInterno .areaImg,
		#bannerCLubeLeitura .areaImg {
    		justify-content: center;
		}
		#bannerInterno .areaImg img,
		#bannerCLubeLeitura .areaImg img{
			max-width: 100%;
		}

		#vamosLer img{
			width: 100%;
			margin-top: 50px;
		}
		#vamosLer a.btnAzul{
			width: 100% !important;
			display: block;
			text-align: center;
		}
		#diferentesEdicoes img{
			width: 100%;
			margin-top: 50px;
		}
		#diferentesEdicoes a.btnAzul{
			width: 100% !important;
			display: block;
			text-align: center;
		}
		
		#oQueE .texto{
			padding: 15px 65px;
			align-content: center;
		}
		#eixos .areaFotos {
			margin: 35px 0 0;
		}
		#bannerCLubeEstudos{
			background-image: url("https://ipifs.com.br/wp-content/uploads/2025/10/Design-sem-nome-15-1-1.png");
			background-position: center 60px;
		}
		#bannerCLubeLeitura .areaTexto{
		    padding: 25px 15px;
		}
		#bannerCLubeEstudos .contato{
			display: flex;
			justify-content: center;
		}

	}

	@media (max-width: 767px){
		#todas img {
		    margin-bottom: -80px;
		}
		#todas {
			border-bottom: 100px solid var(--cor-branco);
		}
	}

	@media (max-width: 550px){
		#depoimentoClubeEstudo p::before {
    		margin: -30px 0 0 -15px;
		}
	}

	@media (max-width: 454px){
	}