/* Barra de partilha social (includes/partilha.php) */

.partilha {
	clear: both;
	width: 100%;
	margin: 80px 0 20px;
	padding-top: 24px;
	border-top: 1px solid #F0EEE9;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

.partilha-label {
	display: block;
	margin-bottom: 16px;
	font-weight: 300;
	font-size: 20px;
	color: #1D1D1D;
}

.partilha-botoes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.partilha-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid #DCDCDC;
	border-radius: 50%;
	background: #FFF;
	color: #555;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: transform .15s ease, background-color .15s ease,
		color .15s ease, border-color .15s ease;
}

.partilha-btn svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.partilha-btn:hover,
.partilha-btn:focus-visible {
	transform: translateY(-2px);
	color: #FFF;
	border-color: transparent;
	outline: none;
}

.partilha-whatsapp:hover,  .partilha-whatsapp:focus-visible  { background: #25D366; }
.partilha-facebook:hover,  .partilha-facebook:focus-visible  { background: #1877F2; }
.partilha-x:hover,         .partilha-x:focus-visible         { background: #000; }
.partilha-linkedin:hover,  .partilha-linkedin:focus-visible  { background: #0A66C2; }
.partilha-nativo:hover,    .partilha-nativo:focus-visible    { background: #20A6DC; }
.partilha-copiar:hover,    .partilha-copiar:focus-visible    { background: #464646; }

.partilha-toast {
	display: inline-block;
	margin-top: 14px;
	font-size: 13px;
	color: #20A6DC;
}

.partilha-toast[hidden],
.partilha-btn[hidden] { display: none; }

@media (max-width: 480px) {
	.partilha { margin-top: 50px; }
	.partilha-btn { width: 42px; height: 42px; }
}