/* ----------------------------------------------------------
    :: Template Name: Prime
    :: Author: Marcasite - Geovani Assis
    :: Author URL: https://www.geovaniassis.dev.br
    :: Version: 1.0.0
    :: Created: 04 de Março de 2026

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

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

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

	@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-branco:		#ffffff;
		--cor-dourado:			#daa520;
		--cor-cinza:			#797979;

		--font-libra:		'Lato', sans-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("https://mariannamelo.com.br/wp-content/uploads/2026/03/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;
	    font-weight: bold;
		text-shadow: 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white;
	}
	h2 i{
	    text-shadow: none !important;
	}
	.texto{
		font-size: 35px;
		font-weight: 100;
		color: var(--cor-cinza);
		margin-bottom: 23px;
		display: block;
		line-height: 35px;
		max-width: 440px;
	}

	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;
		margin-bottom: 90px;
	}
	span{
		font-size: 25px;
    font-weight: 100;
	}

	.btnPreto {
		color: #2b2a2d;
		border: solid 1px #2b2a2d;
		width: 350px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		transition: ease .5s all;
		font-size: 16px;
		gap: 10px;
		margin-top: 12px;
	}
	.btnPreto:hover{
		color: var(--cor-dourado);
		border: solid 1px var(--cor-dourado);
		transform: scale(1.1);
	}

	.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-position: bottom;
		}
		.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: 20px;
		}
	}

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

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