/*
Theme Name: PopularFX Child
Theme URI: https://popularfx.com
Template: popularfx
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,entertainment,full-width-template,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,microformats,post-formats,theme-options,blog,rtl-language-support
Version: 1.2.4.1686663236
Updated: 2023-06-13 13:33:56

*/

footer li a{
	transition: color 0.3s ease;
}

footer li a:hover{
	color: white !important;
}

footer span.pagelayer-divider-seperator{
	border-top-color: rgba(255, 255, 255, 0.22) !important;
}

/* #baixaButton: botón scroll down a #aqui */
#baixaButton{
	position: relative;
}

#baixaButton .nm-scroll-down-btn{
	position: absolute;
	right: 2%;
	bottom: 20px;
	z-index: 99999;

	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255,255,255,0.95);
	box-shadow: 0 10px 24px rgba(0,0,0,0.18);

	display: inline-flex;
	align-items: center;
	justify-content: center;

	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	animation: nmScrollDownNudge 1.2s ease-in-out 3;
}

#baixaButton .nm-scroll-down-btn:hover{
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}

#baixaButton .nm-scroll-down-btn:focus{
	outline: 2px solid rgba(255,255,255,0.9);
	outline-offset: 3px;
}

#baixaButton .nm-scroll-down-icon{
	width: 14px;
	height: 14px;
	border-right: 3px solid #111;
	border-bottom: 3px solid #111;
	transform: rotate(45deg);
	margin-top: -4px;
}

@keyframes nmScrollDownNudge{
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(6px); }
}

/* Botón flotante abajo (siempre visible) */
.buttomAbaix{
	position: fixed;
	right: 2%;
	bottom: 20px !important;
	z-index: 99999;

	width: 54px;
	height: 54px;
	border-radius: 50%;
	background-color: #fff !important;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border: 0;
	box-shadow: 0 10px 24px rgba(0,0,0,0.18);
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* Si dentro hay <a> o <button>, que herede el look */
.buttomAbaix a,
.buttomAbaix button{
	all: unset;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/* Texto / icono dentro */
.buttomAbaix,
.buttomAbaix a,
.buttomAbaix button{
	color: #111;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.buttomAbaix:hover{
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}

.buttomAbaix:focus,
.buttomAbaix:focus-within{
	outline: 2px solid rgba(255,255,255,0.9);
	outline-offset: 3px;
}