/* Apresentação da Maria — pop-up da página inicial e secção «Conheça a Maria». Cores do site. */
/* Pop-up de apresentação (diálogo nativo). */
.prm-maria-popup {
	box-sizing: border-box;
	width: min(440px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	padding: 2rem 1.75rem 1.75rem;
	border: 0;
	border-radius: 28px;
	background: var(--wp--preset--color--branco, #fff);
	color: var(--wp--preset--color--grafite, #3a3a3c);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
	text-align: center;
	font-size: 1rem;
	line-height: 1.5;
}
.prm-maria-popup[open] { animation: prm-maria-entrar 0.25s ease; }
.prm-maria-popup::backdrop { background: rgba(30, 30, 32, 0.5); }
.prm-maria-popup__avatar { display: block; width: 80px; height: 80px; margin: 0 auto 0.75rem; border-radius: 50%; background: var(--wp--preset--color--fundo, #f5f5f2); }
.prm-maria-popup__titulo { margin: 0 0 0.75rem; font-size: 1.375rem; line-height: 1.25; letter-spacing: -0.01em; color: inherit; }
.prm-maria-popup p { margin: 0 0 0.75rem; }
.prm-maria-popup a { color: var(--wp--preset--color--verde-texto, #527020); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.prm-maria-popup__nota { font-size: 0.875rem; color: var(--wp--preset--color--texto-2, #5c5d60); }
.prm-maria-popup .prm-maria-botao { width: 100%; min-height: 48px; margin-top: 0.5rem; }
.prm-maria-popup__fechar {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: none;
	color: inherit;
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
}
.prm-maria-popup__fechar:hover { background: var(--wp--preset--color--fundo, #f5f5f2); }
.prm-maria-popup :focus-visible { outline: 3px solid var(--wp--preset--color--verde-texto, #527020); outline-offset: 2px; }
@keyframes prm-maria-entrar { from { opacity: 0; transform: translateY(12px) scale(0.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .prm-maria-popup[open] { animation: none; } }

.prm-maria {
	display: flex;
	gap: 1.5rem 2rem;
	align-items: flex-start;
	box-sizing: border-box;
	margin: clamp(3rem, 7vw, 5rem) auto;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border-radius: 28px;
	background: var(--wp--preset--color--fundo, #f5f5f2);
	color: var(--wp--preset--color--grafite, #3a3a3c);
}
.prm-maria__avatar { flex: none; width: 88px; height: 88px; border-radius: 50%; background: #fff; }
.prm-maria__texto { flex: 1 1 auto; min-width: 0; }
.prm-maria__titulo { margin: 0 0 0.5rem; }
.prm-maria__intro { margin: 0 0 1rem; font-size: 1.0625rem; }
.prm-maria__pontos { margin: 0 0 1.5rem; padding-left: 1.25rem; }
.prm-maria__pontos li { margin: 0 0 0.5rem; }
.prm-maria__pontos li::marker { color: var(--wp--preset--color--verde-texto, #527020); }
.prm-maria__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; margin: 0 0 1.25rem; }
.prm-maria .prm-maria-botao { min-height: 44px; }
.prm-maria__dados { color: var(--wp--preset--color--verde-texto, #527020); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.prm-maria__nota { margin: 0 0 0.5rem; font-size: 0.875rem; color: var(--wp--preset--color--texto-2, #5c5d60); }
.prm-maria a:not(.wp-element-button) { color: var(--wp--preset--color--verde-texto, #527020); }
.prm-maria :focus-visible { outline: 3px solid var(--wp--preset--color--verde-texto, #527020); outline-offset: 2px; }

@media (max-width: 600px) {
	.prm-maria { flex-direction: column; border-radius: 20px; margin-left: var(--margem, 1rem); margin-right: var(--margem, 1rem); }
	.prm-maria__avatar { width: 64px; height: 64px; }
	.prm-maria-popup { padding: 1.75rem 1.25rem 1.25rem; border-radius: 22px; }
}
@media print { .prm-maria-popup, .prm-maria-botao { display: none; } }