/* ----------------------------------------------------------
    :: Template Name: Prime
    :: Author: Marcasite - Geovani Assis
    :: Author URL: https://www.geovaniassis.dev.br
    :: Version: 1.0.0
    :: Created: 21 de Novembro de 2024

    ----------------------------------------------------------

/***************************************************************************
       Cores
****************************************************************************
	Branco:	#ffffff
	Dourado:		#E30613
	Cinza: 	#797979
/***************************************************************************
       Fonts
***************************************************************************/

	@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&family=Montserrat:wght@300;400&display=swap');

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

	:root {
		--cor-branco:		#ffffff;
		--cor-dourado:			#E30613;
		--cor-cinza:			#797979;

		--font-libra:		'Libre Baskerville', serif;
		--font-montserrat: 	'Montserrat', sans-serif;

		--font-light: 	300;
		--font-regular:	400;
		--font-bold:		700;
	}

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

	html,
	body{
		margin: 0;
		overflow-x: clip;
	}

	*{
		margin: 0;
		box-shadow: 0 0 0 0;
		border: 0 none;
		outline: 0;
	} 

	a{
		text-decoration: none !important; 
		cursor: pointer;
	}

	button:focus { outline: none; }

	.mobile{ display: none; }

	.transition_on *,
	.transition_on{ transition: ease .5s all !important; }
	.transition_off *,
	.transition_off{ transition: none!important; }

	.mrg-0{ margin: 0px; }

	.mrg-top-30{ margin-top: 30px; }
	.mrg-top-45{ margin-top: 45px; }
	.mrg-top-50{ margin-top: 50px; }

	.mrg-bot-30{ margin-bottom: 30px; }
	.mrg-bot-40{ margin-bottom: 40px; }
	.mrg-bot-50{ margin-bottom: 50px; }
	.mrg-bot-60{ margin-bottom: 60px; }
	.mrg-bot-75{ margin-bottom: 75px; }

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

	.pdd-top-30{ padding-top: 30px !important; }

	.pdd-lef-30{ padding-left: 30px !important; }
	.pdd-lef-35{ padding-left: 35px !important; }
	.pdd-lef-40{ padding-left: 40px !important; }
	.pdd-lef-45{ padding-left: 45px !important; }
	.pdd-lef-50{ padding-left: 50px !important; }
	.pdd-lef-55{ padding-left: 55px !important; }
	.pdd-lef-60{ padding-left: 60px !important; }
	.pdd-lef-65{ padding-left: 65px !important; }
	.pdd-lef-70{ padding-left: 70px !important; }
	.pdd-lef-75{ padding-left: 75px !important; }
	.pdd-lef-80{ padding-left: 80px !important; }
	.pdd-lef-85{ padding-left: 85px !important; }
	.pdd-lef-90{ padding-left: 90px !important; }
	.pdd-lef-95{ padding-left: 95px !important; }
	.pdd-lef-100{ padding-left: 100px !important; }
	.pdd-lef-105{ padding-left: 105px !important; }
	.pdd-lef-110{ padding-left: 110px !important; }
	.pdd-lef-115{ padding-left: 115px !important; }
	.pdd-lef-120{ padding-left: 120px !important; }
	.pdd-lef-125{ padding-left: 125px !important; }
	.pdd-lef-150{ padding-left: 150px !important; }

	.pdd-bot-50{ padding-bottom: 50px !important; }

	.txt-center{ text-align: center !important; }
	.txt-right{ text-align: right !important; }

	.nao-quebrar{ white-space: nowrap; }

	.align_self-center{ align-self: center; }
	.text_align_last-center{ text-align-last: center; }
	.text_align_webkit-center{ text-align: -webkit-center; }

	.dpy-flex{ display: flex; }
	.dpy-block{ display: block; }

	.flt-left{ float: left; }
	.flt-right{ float: right; }


	.scroll::-webkit-scrollbar-track{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	.scroll::-webkit-scrollbar{
		width: 10px;
		background-color: #F5F5F5;
	}
	.scroll::-webkit-scrollbar-thumb{
		border-radius: 10px;
		background-image: -webkit-gradient(linear,
			left bottom,
			left top,
			color-stop(0.25, var(--cor-dourado)),
			color-stop(0.75, var(--cor-branco)));
	}


	.balanco-vertical{
		position: inherit;
		transition: ease .8s all;
		animation: animate-balanca 25s infinite;
		left: 0;
	}
	@keyframes animate-balanca {
	  0% {
	    top: 0px;
	  }
	  25% {
	    top: 30px;
	  }
	  50% {
	    top: 0px;
	  }
	  75% {
	    top: -30px;
	  }
	  100% {
	    top: 0px;
	  }
	}

/***************************************************************************
	Área
***************************************************************************/

	body {
		margin: 0;
	  	padding: 0;
	  	height: 100vh;
	  	display: flex;
	  	justify-content: center;
	  	align-items: center;
	  	background-image: url("../img/background.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: cover;
	}

	h2{
		color: var(--cor-dourado);
		font-family: var(--font-libra);
		font-size: 50px;
		line-height: 53px;
		display: flex;
		align-items: center;
	}
	.texto{
		font-size: 37px;
    font-weight: 400;
    color: var(--cor-cinza);
    margin-bottom: 23px;
    display: block;
    line-height: 35px;
    max-width: 520px;
	}

	p{
		font-family: var(--font-montserrat);
		font-weight: var(--font-regular);
		color: var(--cor-cinza);
		font-size: 27px;
		margin-bottom: 0;
	}

	a{
		font-family: var(--font-montserrat);
		font-weight: var(--font-light);
		color: var(--cor-cinza);
		font-size: 27px;
	}
	a:hover{
		color: var(--cor-dourado);
	}

	p i{
		color: var(--cor-branco);
		background: var(--cor-dourado);
		border-radius: 100%;
		width: 36px;
		height: 36px;
		font-size: 23px !important;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		display: inline-flex !important;
	}
	
	h2 i{
		color: var(--cor-branco);
		background: var(--cor-dourado);
		border-radius: 100%;
		width: 43px;
		height: 43px;
		font-size: 33px !important;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		display: inline-flex !important;
	}
	hr{
		width: 255px;
		border: solid 1px #e0e0e0;
	}
	span{
		font-size: 25px;
    font-weight: 100;
	}
	a img{
		transition: ease .5s all;
	}
	a img:hover{
		filter: drop-shadow(0px 0px 5px #00000070);
	}

	.logo img{
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
	}

/***************************************************************************
	Responsivo
***************************************************************************/



	@media (max-width: 1199px){
		.nao-quebrar{ white-space: normal; }
	}

	@media (max-width: 991px){
		body{
			height: auto;
			padding: 50px 0;
		}
		
		body {
	  	background-image: none;
		}
		.pdd-0{
			padding: 0 15px !important;
		}
	}

	@media (max-width: 400px){
		a{ padding-left: 0px; }
	}

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

	@media (max-width: 575px){
		.nao-quebrar a{
			font-size: 30px;
			display: block;
			padding-left: 53px;
			padding-bottom: 25px;
		}
		.nao-quebrar.email a{
			font-size: 20px;
		}
	}

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

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