/*
Theme Name: PagouFácil
Theme URI: paschoalotto.com.br
Author: paschoalotto
Version: 1.0
Author URI: paschoalotto.com.br
Text Domain: PagouFácil

*/

:root {
	--roxo: #5f168e;
	--roxo-escuro: #220130;
	--roxo-claro: #5B2CF8;
	--azul: #54D8f0;
	--pink: #FF80BB;
	--pink-claro: #FC3F8E;
	--menta: #12E8A5;
	--azulPaschoalotto: #00cd25; 
	--amarelo: #F2B313;
	--laranja: #F25D27;
	--laranja: #F25D27;
	--rosa-claro: #FF9ED0;
	--branco: #F2F2F2;
	--cinza-paschoalotto: #F5F5F5;
	--branco: #fff;
	--preto: #000;
	--heading-color: #220130;
	--body-color: hsl(0, 0%, 25%);
	--body-color2: #070707;
	--font: 'DM Sans', sans-serif;
	--azulPaschoalotto:#2a4ac8;
}

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {scroll-behavior: smooth;}

h1, h2, h3, h4, h5, h6 {font-family:var(--font);}
body {font-family:var(--font), sans-serif; color:var(--body-color); letter-spacing: -0.7px; font-size:16px; line-height:100%; font-weight:normal; background:#fff;}
body img {max-width:100%; height:initial;}
strong {font-weight:bold;}
a:hover, a:focus {text-decoration:none;}

	.container {
		width: 1280px;
	}
	
	#site {position:relative; overflow-x: hidden;}
		
	/* CTA's */
	.cta_primary {border:0; padding: 10px 30px; color:var(--roxo); font-weight: bold; transition:all .3s; border-radius: 40px; display: table; background: var(--cinza-paschoalotto); font-family: var(--font); font-size: 16px; box-shadow: 0px 2.75583px 6.88956px rgba(0, 0, 0, 0.15); border:1px var(--roxo) solid;}
	.cta_primary:hover {background: var(--roxo); color:#fff;}
		.cta_primary i {margin-left: 10px;  position: relative; }
		.cta_primary:hover i {right:-10px;}

	
	.cta_orcamento {position: fixed; z-index: 99; bottom:30px; right:30px; display: table; border-radius: 50px; background:#fff; color:#2e2e2e; padding:10px 20px; padding-left: 70px; border:1px #dedede solid; font-size:14px; box-shadow: 0 0 20px #00000026; transition: all .2s;}
	.cta_orcamento strong {font-weight: bold;}
	.cta_orcamento:hover {color:#fff; background:var(--azul); border-color:var(--azul);}
		.cta_orcamento i {background:var(--azul); color:#fff; width:50px; height:50px; position: absolute; left:10px; top:50%; transform: translateY(-50%); line-height: 50px; text-align: center; border-radius: 50%; font-size:16px}

	/* Menu Responsivo */	
	.menuResponsivo {background:#fff; top:89px; left:-100%; width:100%; display:block; height:calc(100% - 89px); overflow:auto; position:fixed; z-index:99999; padding:20px; border-top:1px #dedede solid}
		.menuResponsivo h3 {font-size: 18px; color: #7D7D7D; margin-bottom: 30px;}
		.menuResponsivo .menu ul {display:table; width:100%;}
			.menuResponsivo .menu ul li {display:table; width:100%; margin-bottom: 19px;}
			.menuResponsivo ul li a {display:block; font-size:14px; font-weight: 700; font-size: 24px; line-height: 28px; color: #3E3E3E;}
			.menuResponsivo .menu ul li a:hover, .menuResponsivo .menu ul li a:focus {color:var(--azulPaschoalotto);}
			
			.menuResponsivo .social {position: absolute; bottom:30px; padding:0 20px; display: table; width: calc(100% - 40px);}
			.menuResponsivo .social h4 {font-weight: 500; font-size: 14px; line-height: 18px; color: #7F00F0; margin-bottom: 25px;}
			.menuResponsivo .social ul {display: flex; justify-content: space-between;}
			.menuResponsivo .social a {margin: 0;}
			.menuResponsivo .social a i {font-size: 30px;}
	
	
	/* Cookies */
	.avisoCookies {z-index:9999999; position: fixed; bottom: 0; left: 0; width: 100%; display: table; background: #1b1b1bd4; color: #fff; padding: 20px 0;}
		.avisoCookies p {font-size:13px; color:#fff; text-align:center; line-height: 18px;}
		.avisoCookies p a {color:#fff; font-weight: bold; text-decoration: underline;}
		.avisoCookies .acoes {display: flex; justify-content: center; align-items: center;	width: fit-content;	margin: auto; margin-top: 15px;}
		.avisoCookies .acoes a {display: table; margin: auto; margin-top: 10px; background: transparent; line-height: 12px; color: #fff; padding: 5px 20px; border-radius: 14px;  font-size: 12px; text-transform: uppercase; cursor: pointer; float:left; text-decoration:none; margin-right:10px; border:1px #fff solid;}
		.avisoCookies .acoes button {display: table;margin: auto; margin-top: 10px; background: var(--azulPaschoalotto); line-height: 12px; border:1px var(--azulPaschoalotto) solid;  color: #fff; padding: 5px 20px; border-radius: 14px; font-weight: bold; font-size: 12px; text-transform: uppercase; cursor: pointer; float:left;}
	
	
	/* 404 */
	body.error404 footer {padding-top: 80px; margin-top: 0;}
	.page-404 {padding: 90px 0; border-top: 1px #dedede solid; border-bottom: 1px #dedede solid;}
		.page-404 .container {text-align: center;}
		.page-404 h1 {font-size:36px; line-height:40px; font-weight: bold; color:var(--azul); text-transform: uppercase;}
		.page-404 h2 {font-size:18px; margin-bottom: 50px; line-height: 30px;}
		.page-404 a {margin:auto;}


	
	section.title-page h1 {text-align: left;}


	.return__top a {
		display: table;
		margin:60px auto;
		text-decoration: underline;
		color: #000;
	}