/* Serendipity School – Visual do site (reproduz o site original em Webflow) */

@font-face { font-family: "Playfair Display"; src: url("fonts/playfair.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Hanken Grotesk"; src: url("fonts/hanken.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
	--mia-escuro: #21242d;
	--mia-fundo: #faf2e7;
	--mia-creme: #f1ebdb;
	--mia-creme-escuro: #e4dcc6;
	--mia-vermelho: #e4002b;
	--mia-vermelho-botao: #d60606;
	--mia-cinza: #4d5464;
	--mia-titulo: "Playfair Display", Georgia, "Times New Roman", serif;
	--mia-texto: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
	--mia-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
}

body.mia {
	background: var(--mia-fundo);
	color: var(--mia-escuro);
	font-family: var(--mia-sans);
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}
body.mia a { color: inherit; }
.mia-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Cabeçalho ---------- */
.mia-cabecalho {
	position: relative;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 10px 40px;
	background: linear-gradient(270deg, var(--mia-vermelho) 78%, var(--mia-creme-escuro) 78%);
	min-height: 101px;
	box-sizing: border-box;
}
.mia-marca { display: flex; align-items: center; flex: none; }
.mia-marca img { height: 80px; width: auto; display: block; }
.mia-navegacao { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.mia-linha-topo, .mia-menu { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.mia-menu { list-style: none; margin: 0; padding: 0; }
.mia-menu > li { position: relative; }
body.mia .mia-cabecalho .mia-link {
	display: inline-block;
	color: var(--mia-fundo);
	font-family: var(--mia-titulo);
	font-size: 18px;
	line-height: 24px;
	padding: 5px 16px;
	text-decoration: none;
	transition: opacity .15s;
}
body.mia .mia-cabecalho .mia-link:hover { opacity: .75; }
.mia-menu > li > .mia-link { padding-left: 24px; padding-right: 24px; }
.mia-tem-sub > .mia-link::after { content: ""; display: inline-block; margin-left: 5px; vertical-align: middle; border: 4px solid transparent; border-top-color: currentColor; border-bottom: 0; }
.mia-social { display: inline-flex; color: #fff; padding: 5px 3px; }
.mia-social svg { display: block; }
body.mia .mia-cabecalho .mia-idioma { font-size: 15px; padding-left: 14px; }
.mia-submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 16px;
	min-width: 230px;
	list-style: none;
	margin: 0;
	padding: 12px 0;
	background: var(--mia-vermelho);
	box-shadow: 0 1px 5px rgba(0, 0, 0, .06);
}
.mia-tem-sub:hover > .mia-submenu,
.mia-tem-sub:focus-within > .mia-submenu,
.mia-tem-sub.mia-sub-aberto > .mia-submenu { display: block; }
body.mia .mia-sublink {
	display: block;
	color: var(--mia-fundo);
	font-family: var(--mia-titulo);
	font-size: 16px;
	line-height: 22px;
	padding: 8px 32px 8px 24px;
	text-decoration: none;
}
body.mia .mia-sublink:hover { opacity: .75; }
.mia-abrir-menu { display: none; }

/* ---------- Estrutura das páginas ---------- */
body.mia .site-main { max-width: none; width: 100%; margin: 0; padding: 0; }
body.mia .mia-conteudo { max-width: none; width: 100%; margin: 0; box-sizing: border-box; }
body.mia .page-content,
body.mia .page-content > .mia-conteudo { margin: 0; }
body.mia .mia-conteudo h1,
body.mia .mia-conteudo h2,
body.mia .mia-conteudo .mia-titulo {
	font-family: var(--mia-titulo);
	font-weight: 400;
	font-size: 40px;
	line-height: 45px;
	color: var(--mia-escuro);
	margin: 0 0 20px;
	letter-spacing: 0;
	text-transform: none;
}
body.mia .mia-conteudo p,
body.mia .mia-conteudo li {
	font-family: var(--mia-texto);
	color: var(--mia-escuro);
}

/* Páginas de texto (título + texto à esquerda, contato à direita) */
.mia-colunas {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 150px;
	padding: 40px 40px 120px;
}
.mia-principal { width: 100%; max-width: 600px; box-sizing: border-box; }
.mia-lateral { width: 100%; max-width: 440px; }
body.mia .mia-principal > p,
body.mia .mia-principal > .wp-block-group p {
	font-size: 22px;
	line-height: 26px;
	text-align: justify;
	text-indent: 2em;
	margin: 0;
}
body.mia .mia-principal > .mia-titulo + p { margin-top: 40px; }
body.mia .mia-principal > p ~ p { font-size: 18px; line-height: 26px; }
body.mia .mia-principal h2 { margin-top: 40px; }
body.mia .mia-principal > h2:first-of-type { margin-top: 0; }
body.mia .mia-principal h3 {
	font-family: var(--mia-texto);
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	margin: 30px 0 10px;
	color: var(--mia-escuro);
}
body.mia .mia-principal h3 { background: none; }
body.mia .mia-principal h3::first-line { background: var(--mia-creme); }
.mia-pagina-segmentos .mia-titulo,
.mia-pagina-segments .mia-titulo,
.mia-pagina-segmentos-educacao-infantil .mia-titulo { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mia-pagina-segmentos .mia-principal,
.mia-pagina-segments .mia-principal,
.mia-pagina-segmentos-educacao-infantil .mia-principal { max-width: 760px; }

/* Listas que abrem e fecham (matriz curricular) */
body.mia .mia-conteudo .wp-block-details {
	border-bottom: 1px solid #e6e6e6;
	padding: 16px 16px 12px;
	margin: 0;
}
body.mia .mia-conteudo .wp-block-details summary {
	font-family: var(--mia-texto);
	font-size: 20px;
	line-height: 24px;
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-right: 30px;
}
body.mia .mia-conteudo .wp-block-details summary::-webkit-details-marker { display: none; }
body.mia .mia-conteudo .wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: -2px;
	font-family: var(--mia-sans);
	font-size: 22px;
	font-weight: 300;
	transition: transform .2s;
}
body.mia .mia-conteudo .wp-block-details[open] summary::after { transform: rotate(45deg); }
body.mia .mia-conteudo .wp-block-details ul { margin: 14px 0 6px; padding-left: 20px; }
body.mia .mia-conteudo .wp-block-details li { color: #737373; font-size: 19px; line-height: 24px; margin-bottom: 4px; text-indent: 0; }
body.mia .mia-principal > p > strong:only-child { display: block; font-weight: 400; font-size: 20px; border-bottom: 1px solid #e6e6e6; padding: 16px; text-indent: 0; }

/* Coluna de contato (e rodapé) */
.mia-lateral .mia-contato { border-left: 1px solid var(--mia-creme-escuro); padding-left: 60px; }
.mia-contato-bloco { margin-bottom: 30px; }
body.mia .mia-contato p { font-family: var(--mia-sans); font-size: 12px; line-height: 16px; margin: 0; color: var(--mia-escuro); text-indent: 0; text-align: left; }
body.mia .mia-contato .mia-contato-titulo { font-family: var(--mia-titulo); font-size: 20px; line-height: 25px; margin-bottom: 10px; }
body.mia .mia-contato a { text-decoration: none; }
body.mia .mia-contato a:hover { text-decoration: underline; }

/* ---------- Páginas com destaque (inicial e segmentos) ---------- */
.mia-conteudo-destaque { padding: 60px 40px 0; box-sizing: border-box; }
body.mia .mia-conteudo-destaque .wp-block-group { max-width: 1500px; margin: 0 auto; padding: 0; }
body.mia .mia-conteudo-destaque .wp-block-group > * { max-width: none; }
body.mia .mia-conteudo-destaque .wp-block-columns {
	max-width: 1500px;
	margin: 0 auto;
	gap: 0;
	align-items: center;
}
body.mia .mia-conteudo-destaque .wp-block-column:first-child { flex: 0 0 50%; display: flex; justify-content: center; }
body.mia .mia-conteudo-destaque .wp-block-column:last-child { flex: 1 1 50%; padding-left: 3%; }
body.mia .mia-conteudo-destaque .wp-block-column:first-child .wp-block-image { margin: 0; }
body.mia .mia-conteudo-destaque .wp-block-column:first-child img { width: 100%; max-width: 480px; height: auto; display: block; }
.mia-logo-destaque { width: 220px; height: auto; display: block; margin-bottom: 20px; }
body.mia .mia-conteudo-destaque .wp-block-column h3 {
	font-family: var(--mia-titulo);
	font-weight: 400;
	font-size: 40px;
	line-height: 45px;
	margin: 0 0 10px;
	color: var(--mia-escuro);
}
body.mia .mia-conteudo-destaque .wp-block-column h1 {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 15px;
}
body.mia .mia-conteudo-destaque .wp-block-column .mia-titulo { font-size: 40px; line-height: 45px; margin-bottom: 20px; }
body.mia .mia-conteudo-destaque .wp-block-column p { font-family: var(--mia-sans); font-size: 20px; line-height: 26px; margin: 0; }
body.mia.mia-pagina-inicio .mia-conteudo-destaque .wp-block-column p,
body.mia.mia-pagina-serendipity-school-en .mia-conteudo-destaque .wp-block-column p { font-size: 16px; line-height: 22px; }

/* Botões */
body.mia .mia-conteudo .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 40px; }
body.mia .mia-conteudo .wp-block-button { margin: 0; flex: 0 0 30%; }
body.mia .mia-conteudo .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 12px 20px;
	border-radius: 6px;
	background: var(--mia-creme);
	color: var(--mia-cinza);
	font-family: var(--mia-sans);
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	border: 0;
	transition: background-color .25s ease-out;
}
body.mia .mia-conteudo .wp-block-button__link:hover { background: var(--mia-creme-escuro); color: var(--mia-escuro); }
/* Botões das páginas de segmento: "Quero me inscrever" e "Quero conversar agora" */
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-buttons { justify-content: center; }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-button { flex: 0 0 auto; }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-button__link { text-transform: uppercase; background: var(--mia-creme-escuro); color: var(--mia-escuro); }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-button:last-child .wp-block-button__link { background: var(--mia-vermelho-botao); color: #fff; }
body.mia .mia-destaque .wp-block-column:first-child img { border-radius: 4px; }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .mia-conteudo-destaque { padding-top: 60px; padding-bottom: 60px; }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-columns { max-width: 1150px; }
body.mia.mia-destaque:not(.mia-pagina-inicio):not(.mia-pagina-serendipity-school-en) .wp-block-column:first-child img { max-width: 600px; }

/* Títulos soltos da inicial ("Conheça a Serendipity School") */
body.mia .mia-conteudo-destaque .wp-block-group > h2 {
	text-align: center;
	font-family: var(--mia-texto);
	font-size: 20px;
	line-height: 26px;
	margin: 50px 0 20px;
}

/* ---------- Carrossel de fotos ---------- */
.mia-carrossel-caixa { position: relative; max-width: 900px; margin: 30px auto 0; padding-bottom: 90px; }
body.mia .mia-conteudo .wp-block-gallery.mia-carrossel {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	margin: 0;
}
body.mia .wp-block-gallery.mia-carrossel::-webkit-scrollbar { display: none; }
body.mia .wp-block-gallery.mia-carrossel > .wp-block-image {
	flex: 0 0 100% !important;
	width: 100% !important;
	margin: 0 !important;
	scroll-snap-align: center;
}
body.mia .wp-block-gallery.mia-carrossel > .wp-block-image img { width: 100%; height: 600px; object-fit: cover; }
.mia-seta {
	position: absolute;
	top: 300px;
	transform: translateY(-50%);
	width: 60px;
	height: 30px;
	border: 0;
	background: none;
	cursor: pointer;
	color: var(--mia-escuro);
	padding: 0;
}
.mia-seta::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid currentColor; }
.mia-seta::after { content: ""; position: absolute; top: 50%; width: 10px; height: 10px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; }
.mia-seta-anterior { left: -110px; }
.mia-seta-anterior::after { left: 0; transform: translateY(-50%) rotate(-135deg); }
.mia-seta-proxima { right: -110px; }
.mia-seta-proxima::after { right: 0; transform: translateY(-50%) rotate(45deg); }
.mia-contador { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; font-family: var(--mia-titulo); font-size: 18px; }
.mia-contador::before { content: ""; display: block; width: 3px; height: 38px; background: var(--mia-vermelho); margin: 0 auto 6px; }
.mia-oculto { display: none !important; }

/* ---------- Rodapé ---------- */
.mia-rodape { background: var(--mia-creme); color: var(--mia-escuro); padding: 60px 40px 10px; }
.mia-rodape-interno { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; max-width: 1820px; margin: 0 auto; }
.mia-rodape .mia-contato { display: flex; flex-direction: column; }
.mia-rodape-menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 60px;
	border-left: 1px solid var(--mia-creme-escuro);
	columns: 2;
	column-gap: 60px;
	margin-right: 18%;
}
.mia-rodape-menu li { margin: 0 0 6px; break-inside: avoid; }
body.mia .mia-rodape-menu a { font-family: var(--mia-titulo); font-size: 18px; text-decoration: none; }
body.mia .mia-rodape-menu a:hover { text-decoration: underline; }
.mia-direitos { font-family: var(--mia-titulo); font-size: 13px; max-width: 1820px; margin: 30px auto 0; padding: 10px 0; }

/* ---------- Botão flutuante de WhatsApp ---------- */
.mia-whatsapp {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 100000;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background: #0ec962;
	box-shadow: 1px 1px 4px 1px #8e94a2;
	overflow: hidden;
}
.mia-whatsapp img { width: 60px; height: 60px; display: block; }

/* ---------- Tablet e celular ---------- */
@media (max-width: 1200px) {
	.mia-seta-anterior { left: 10px; color: #fff; }
	.mia-seta-proxima { right: 10px; color: #fff; }
	body.mia .mia-cabecalho .mia-link { padding-left: 10px; padding-right: 10px; }
}
@media (max-width: 991px) {
	.mia-cabecalho { background: var(--mia-creme-escuro); flex-wrap: wrap; padding: 10px 20px; min-height: 0; }
	.mia-marca img { height: 60px; }
	.mia-abrir-menu {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 6px;
		width: 48px;
		height: 48px;
		padding: 12px;
		border: 0;
		border-radius: 4px;
		background: var(--mia-vermelho);
		cursor: pointer;
	}
	.mia-abrir-menu span:not(.mia-sr) { display: block; height: 2px; background: #fff; }
	.mia-navegacao {
		display: none;
		flex-basis: 100%;
		align-items: stretch;
		background: var(--mia-vermelho);
		margin: 10px -20px -10px;
		padding: 10px 20px 20px;
	}
	.mia-aberto .mia-navegacao { display: flex; }
	.mia-linha-topo, .mia-menu { flex-direction: column; align-items: stretch; }
	.mia-linha-topo { flex-direction: row; justify-content: flex-start; order: 2; margin-top: 10px; }
	body.mia .mia-cabecalho .mia-link { display: block; padding: 8px 4px; }
	body.mia .mia-cabecalho .mia-linha-topo .mia-link { display: inline-block; }
	.mia-submenu { position: static; display: none; box-shadow: none; padding: 0 0 6px; background: none; }
	.mia-tem-sub:hover > .mia-submenu { display: none; }
	.mia-tem-sub.mia-sub-aberto > .mia-submenu { display: block; }
	body.mia .mia-sublink { padding: 6px 16px; }
	.mia-colunas { flex-direction: column; padding: 40px 20px 80px; }
	.mia-principal { padding-right: 0; max-width: none; }
	.mia-lateral { max-width: none; margin-top: 50px; }
	.mia-lateral .mia-contato { border-left: 0; padding-left: 0; border-top: 1px solid var(--mia-creme-escuro); padding-top: 30px; }
	body.mia .mia-conteudo-destaque .wp-block-columns { flex-direction: column; }
	body.mia .mia-conteudo-destaque .wp-block-column:first-child,
	body.mia .mia-conteudo-destaque .wp-block-column:last-child { flex-basis: auto; width: 100%; padding-left: 0; }
	body.mia .mia-conteudo-destaque .wp-block-column:last-child { margin-top: 30px; }
	.mia-conteudo-destaque { padding: 30px 20px 0; }
	body.mia .mia-conteudo .wp-block-button { flex: 1 1 100%; }
	body.mia .wp-block-gallery.mia-carrossel > .wp-block-image img { height: 60vw; }
	.mia-seta { top: 30vw; }
	.mia-rodape { padding: 40px 20px 10px; }
	.mia-rodape-interno { flex-direction: column; }
	.mia-rodape-menu { border-left: 0; padding-left: 0; margin-right: 0; }
}
@media (max-width: 600px) {
	body.mia .mia-conteudo h1, body.mia .mia-conteudo h2, body.mia .mia-conteudo .mia-titulo,
	body.mia .mia-conteudo-destaque .wp-block-column h3 { font-size: 32px; line-height: 38px; }
	body.mia .mia-principal > p { font-size: 19px; line-height: 25px; text-align: left; }
	.mia-whatsapp { right: 16px; bottom: 16px; }
}

/* Ajustes finos */
body.mia .mia-cabecalho .mia-social { color: #fff; }
body.mia.mia-pagina-inicio .mia-conteudo-destaque .wp-block-group,
body.mia.mia-pagina-serendipity-school-en .mia-conteudo-destaque .wp-block-group,
body.mia.mia-pagina-inicio .mia-conteudo-destaque .wp-block-columns,
body.mia.mia-pagina-serendipity-school-en .mia-conteudo-destaque .wp-block-columns { max-width: none; }
body.mia.mia-pagina-inicio .mia-conteudo-destaque .wp-block-column:first-child img,
body.mia.mia-pagina-serendipity-school-en .mia-conteudo-destaque .wp-block-column:first-child img { max-width: 500px; }
body.mia.mia-pagina-inicio .mia-conteudo-destaque,
body.mia.mia-pagina-serendipity-school-en .mia-conteudo-destaque { padding-top: 40px; }
body.mia .wp-block-gallery.mia-carrossel > figure.wp-block-image:not(#mia) img { flex: 0 0 auto !important; width: 100% !important; height: 600px !important; object-fit: cover !important; }
body.mia .mia-principal .mia-carrossel-caixa { margin-top: 50px; }
body.mia .mia-principal .wp-block-gallery.mia-carrossel > figure.wp-block-image:not(#mia) img { height: 400px !important; }
body.mia .mia-principal .mia-seta { top: 200px; }
body.mia .mia-principal .mia-seta-anterior { left: -90px; }
body.mia .mia-principal .mia-seta-proxima { right: -90px; }
@media (max-width: 991px) {
	body.mia .wp-block-gallery.mia-carrossel > figure.wp-block-image:not(#mia) img,
	body.mia .mia-principal .wp-block-gallery.mia-carrossel > figure.wp-block-image:not(#mia) img { height: 60vw !important; }
	body.mia .mia-principal .mia-seta { top: 30vw; }
	body.mia .mia-principal .mia-seta-anterior { left: 10px; color: #fff; }
	body.mia .mia-principal .mia-seta-proxima { right: 10px; color: #fff; }
}
body.mia .mia-conteudo-destaque .wp-block-group > .mia-carrossel-caixa { max-width: 900px; margin-left: auto; margin-right: auto; }

/* ---------- Notícias (lista de posts e post individual) ---------- */
body.mia.blog .site-main,
body.mia.archive .site-main,
body.mia.single-post .site-main { max-width: 1000px; margin: 0 auto; padding: 60px 40px 120px; box-sizing: border-box; }
body.mia.single-post .site-main { max-width: 800px; }
body.mia.blog .page-header .entry-title,
body.mia.archive .page-header .entry-title,
body.mia.single-post .page-header .entry-title {
	font-family: var(--mia-titulo); font-weight: 400; font-size: 40px; line-height: 48px; color: var(--mia-escuro); margin: 0 0 40px;
}
body.mia.blog article.post,
body.mia.archive article.post {
	display: grid;
	grid-template-columns: 320px 1fr;
	grid-template-areas: "foto titulo" "foto texto";
	grid-template-rows: auto 1fr;
	column-gap: 40px;
	padding: 30px 0;
	border-bottom: 1px solid var(--mia-creme-escuro);
}
body.mia.blog article.post > .entry-title,
body.mia.archive article.post > .entry-title { grid-area: titulo; font-family: var(--mia-titulo); font-weight: 400; font-size: 26px; line-height: 32px; margin: 0 0 12px; }
body.mia.blog article.post > .entry-title a,
body.mia.archive article.post > .entry-title a { text-decoration: none; color: var(--mia-escuro); }
body.mia.blog article.post > a,
body.mia.archive article.post > a { grid-area: foto; }
body.mia.blog article.post > a img,
body.mia.archive article.post > a img { width: 100%; height: 220px; object-fit: cover; border-radius: 4px; display: block; }
body.mia.blog article.post > p,
body.mia.archive article.post > p { grid-area: texto; font-family: var(--mia-texto); font-size: 17px; line-height: 26px; margin: 0; }
body.mia .mia-leia { display: inline-block; margin-top: 12px; font-weight: 600; color: var(--mia-vermelho-botao); text-decoration: none; }
body.mia.single-post .page-content p { font-family: var(--mia-texto); font-size: 18px; line-height: 28px; }
body.mia.single-post .page-content .wp-post-image,
body.mia.single-post .page-content img { max-width: 100%; height: auto; border-radius: 4px; }
body.mia.single-post .wp-block-button__link { display: inline-flex; min-height: 48px; align-items: center; padding: 12px 24px; border-radius: 6px; background: var(--mia-vermelho-botao); color: #fff; font-family: var(--mia-sans); font-weight: 600; text-decoration: none; }
body.mia.single-post .post-tags { display: none; }
@media (max-width: 767px) {
	body.mia.blog article.post, body.mia.archive article.post { grid-template-columns: 1fr; grid-template-areas: "foto" "titulo" "texto"; }
	body.mia.blog article.post > a img, body.mia.archive article.post > a img { margin-bottom: 16px; }
}

/* =========================================================================
 * MIA – cores e ajustes da marca (manual de marca do MIA)
 * ====================================================================== */
:root {
	--mia-rosa: #ffedf2;        /* rosa-claro do manual do MIA */
	--mia-rosa-claro: #fff2f6;
	--mia-vermelho: #000000;    /* o MIA não usa vermelho: detalhes em preto */
	--mia-vermelho-botao: #000000;
}
.mia-cabecalho { background: var(--mia-rosa); border-bottom: 1px solid #f5dbe3; }
.mia-marca img { height: 70px; }
body.mia .mia-cabecalho .mia-link,
body.mia .mia-sublink { color: var(--mia-escuro); }
body.mia .mia-cabecalho .mia-social { color: var(--mia-escuro); }
.mia-submenu { background: var(--mia-rosa); }
.mia-logo-destaque { width: 340px; margin-bottom: 30px; }
body.mia .mia-principal ol { margin: 10px 0 24px; padding-left: 2em; }
body.mia .mia-principal ol li { font-family: var(--mia-texto); font-size: 18px; line-height: 26px; margin-bottom: 8px; text-align: justify; }
body.mia .mia-principal > ol + p { margin-top: 10px; }
.mia-sem-noticias { font-family: var(--mia-texto); font-size: 18px; color: var(--mia-cinza); }
@media (max-width: 991px) {
	.mia-cabecalho { background: var(--mia-rosa); }
	.mia-marca img { height: 52px; }
	.mia-abrir-menu { background: var(--mia-escuro); }
	.mia-navegacao { background: var(--mia-rosa-claro); }
	.mia-logo-destaque { width: 260px; }
}