/*
Theme Name: Theme AVA IPIFS - Psicanálise
Theme URI: 
Author: Geovani Assis Pereira
Author URI: https://geovaniassis.dev.br
Description: Tema oficial do IPIFS - Psicanálise, iniciado em 06 de Agosto de 2026.
Created: 06 de Agosto de 2026
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0

/***************************************************************************
       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');
	@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

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

	:root {
		--cor-preto: #353535;
		--cor-branco: #ffffff;
		--cor-azul: #0F394E;
		--cor-beje: #faf4ef;
		--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;
		--fonte-merri: 'Merriweather', 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: var(--cor-beje);}

	*{
		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,
	.mobileBanner{ 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-lato);
		font-size: 15px;
		font-weight: 400;
	}
	.tituloCinza{
		color: var(--cor-preto);
		font-family: var(--fonte-merri);
		font-size: 34px;
		font-weight: 400;
		max-width: 520px;
		margin-bottom: 20px;
	}

	.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: linear-gradient(296deg, rgba(15, 57, 78, 1) 0%, rgba(23, 91, 128, 1) 100%);;
		width: 135px;
		max-width: 100%;
		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{
		width: 245px;
		color: var(--cor-branco);
	}
	.btnSetaEscura::after{
		content: "➜";
		background: #fff;
		color: var(--cor-azul);
		width: 43px;
		height: 43px;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 25px;
	}

	.btnAzul{
		background: linear-gradient(296deg, rgba(15, 57, 78, 1) 0%, rgba(23, 91, 128, 1) 100%);;
		color: var(--cor-branco);
		font-family: var(--fonte-didact);
		border: solid 1px var(--cor-azul);
		font-weight: 100;
		font-size: 18px;
		padding: 4px 20px;
		border-radius: 40px;
		transition: all .5s ease;
		display: block;
		width: fit-content;
	}
	.btnAzul:hover{
		background: transparent;
		color: var(--cor-azul);
		transform: scale(1.1);
		border: solid 1px var(--cor-azul);
	}

	.btnTransAzul{
		background: var(--cor-branco);
		color: var(--cor-azul);
		border: solid 1px;
		border-radius: 100px;
		padding: 6px 25px;
		display: block;
		width: fit-content;
		transition: all .5s ease;
	}
	.btnTransAzul:hover{
		background: var(--cor-azul);
		color: var(--cor-branco);
		transform: scale(1.1);
	}


	.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);
	}
	.direita{
	    animation: floatDireita 17s infinite ease-in-out;
	}


/***************************************************************************
        Deslogado
***************************************************************************/

	#deslogado{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100vw;
		height: 100vh;
		background-image: url('../img/simbolo.png');
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: 430px;
	}
	#deslogado .blocoBranco{
		background: var(--cor-branco);
		border-radius: 10px;
		box-shadow: 0 0 20px #00000024;
		padding: 30px;
		max-width: 100%;
		width: 420px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#deslogado .blocoBranco .logo{
		height: 80px;
		max-width: 100%;
	}
	#deslogado .blocoBranco h1{
		font-family: var(--fonte-merri);
		text-transform: uppercase;
		font-size: 24px;
		margin: 10px 0 30px;
		color: var(--cor-azul);
		width: 100%;
	    text-align: center;
	}
	#deslogado .blocoBranco form{
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: solid 1px #dfdfdf;
		width: 100%;
	}
	#deslogado .blocoBranco label{
		margin: 0px;
	}
	.input{
		width: 100%;
		background: var(--cor-branco);
		border: solid 1px var(--cor-azul);
		height: 40px;
		border-radius: 100px;
		padding: 0 15px;
		width: 100%;
	}
	.alert-danger{
		padding: 7px 15px;
		background: #ffebee;
		border: 1px solid #d32f2f;
		color: #b71c1c;
		font-weight: 600;
		text-align: center;
		border-radius: 100px;
	}
	#deslogado .blocoBranco .blocoLink{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	#deslogado .blocoBranco .blocoLink a{
		color: var(--cor-azul);
		text-transform: uppercase;
		font-family: var(--fonte-lato);
		font-size: 13px;
	}

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

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

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

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

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

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

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