/* ----------------------------------------------------------
    :: Template Name: Macapá Shopping
    :: Author: Marcasite - Geovani Assis
    :: Author URL: https://www.geovaniassis.com.br
    :: Version: 1.0.0
    :: Created: 29 de Abril de 2025
    ----------------------------------------------------------

/***************************************************************************
       Cores
****************************************************************************
	Branco:	#ffffff
	
/***************************************************************************
       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;

		--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; }

	.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-branco);
		font-family: var(--font-libra);
		font-size: 52px;
		line-height: 53px;
	}

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

	a{
		font-family: var(--font-montserrat);
		font-weight: var(--font-light);
		color: var(--cor-branco);
		font-size: 20px;
		width: 100%;
		display: block;
		max-width: 355px;
		padding-left: 50px;
	}
	a:hover{
		color: var(--cor-branco);
	}

	p i{
		color: var(--cor-branco);
		background: var(--cor-branco);
		border-radius: 100%;
		width: 30px;
		height: 30px;
		font-size: 20px !important;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		display: inline-flex !important;
	}

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

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

	@media (max-width: 767px){
		body{
			padding: 50px 0;
		}
	}

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

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

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

	@media (max-width: 537px){
		h2 {
			font-size: 30px;
			text-align: center;
		}


	}

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