/**
 * Mebac AI Visibility - Content
 *
 * Estilos deliberadamente neutros: heredan tipografia y color de
 * Woodmart para que los bloques no se lean como un injerto.
 *
 * Los bloques son <details> colapsados. El contenido esta en el HTML
 * inicial y el lector puede abrirlo, asi que no es contenido oculto:
 * nunca usar display:none, font-size:0, text-indent negativo ni
 * posicionamiento fuera de pantalla para ocultarlo del usuario.
 */

.mav-geo {
	margin: 2rem 0;
	font-size: inherit;
	color: inherit;
}

.mav-geo-title {
	font-size: 1.15em;
	margin: 0 0 .75rem;
}

.mav-geo-item {
	border-top: 1px solid rgba(128, 128, 128, .25);
	padding: 0;
}

.mav-geo-item:last-child {
	border-bottom: 1px solid rgba(128, 128, 128, .25);
}

.mav-geo-item > summary {
	cursor: pointer;
	padding: .75rem 0;
	font-weight: 600;
	list-style: revert;
}

.mav-geo-item > summary:hover {
	opacity: .75;
}

.mav-geo-body {
	padding: 0 0 1rem;
}

.mav-geo-body > :first-child {
	margin-top: 0;
}

.mav-geo-body > :last-child {
	margin-bottom: 0;
}

.mav-geo-body ul {
	margin: 0 0 1rem;
	padding-left: 1.25rem;
}

.mav-geo-body li {
	margin-bottom: .35rem;
}

@media (prefers-reduced-motion: no-preference) {
	.mav-geo-item > summary {
		transition: opacity .15s ease;
	}
}