/* ============================================
   ZAA CAPITAL — Estilos Globales
   ============================================ */

body {
	font-family: 'Manrope', sans-serif;
	background-color: #0D0D0C;
}

h1 {
	font-family: 'Sanomat', serif !important;
}

h2, h3 {
	font-family: 'Sanomat', serif !important;
}

a {
	transition: opacity 0.2s ease, background-color 0.3s ease, color 0.3s ease;
	text-decoration: none;
}

nav a:hover {
	opacity: 0.65;
}

a, a:focus, a:focus-visible, a:active,
button, button:focus, button:focus-visible,
img, img:focus,
*:focus, *:focus-visible {
	outline: 0 !important;
	outline-width: 0 !important;
	outline-style: none !important;
	outline-color: transparent !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}


/* ============================================
   Botón "Acceso Privado" — estado hover
   (el resto del estilo del botón va inline en cada
   enlace; esto vive aquí porque :hover no se puede
   escribir como estilo inline)
   ============================================ */

.btn-acceso-privado:hover,
.zaa-btn-privado:hover {
	background-color: #F2EFE9 !important;
	color: #0D0D0C !important;
	opacity: 1 !important;
}

body {
	padding-top: 96px;
}

@media (max-width: 900px) {
	body {
		padding-top: 84px;
	}
}