/* Número dos Anjos — Minha Numerologia Cabala */

:root{
	--mnc-a-fundo:#FAF8F3;
	--mnc-a-sup:#FFFDF7;
	--mnc-a-filete:#E6E0D4;
	--mnc-a-texto:#141A2E;
	--mnc-a-apoio:#5F6786;
	--mnc-a-acento:#1B2A55;
	--mnc-a-ouro:#B08A4A;
}

/* ------------------------------------------------- atalhos para os números */
.mnc-anjos-indice{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 8px;
}
.mnc-anjos-indice a{
	display:inline-block;
	padding:7px 14px;
	border:1px solid var(--mnc-a-filete);
	border-radius:2px;
	background:var(--mnc-a-sup);
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:14px;
	font-weight:600;
	letter-spacing:.04em;
	color:var(--mnc-a-acento);
	text-decoration:none;
	transition:border-color .18s ease,background .18s ease;
}
.mnc-anjos-indice a:hover,
.mnc-anjos-indice a:focus-visible{
	border-color:var(--mnc-a-ouro);
	background:#F4F1E9;
}

/* ---------------------------------------------------------------- cartões */
.mnc-anjos-grade{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
}
@media(max-width:900px){
	.mnc-anjos-grade{grid-template-columns:1fr;gap:18px}
}

.mnc-anjo{
	background:var(--mnc-a-sup);
	border:1px solid var(--mnc-a-filete);
	border-top:2px solid var(--mnc-a-ouro);
	border-radius:2px;
	padding:26px 26px 20px;
	scroll-margin-top:110px;
}
@media(max-width:600px){
	.mnc-anjo{padding:22px 18px 16px}
}

.mnc-anjo-topo{
	display:flex;
	align-items:baseline;
	gap:14px;
	flex-wrap:wrap;
	margin:0 0 14px;
	padding:0 0 14px;
	border-bottom:1px solid var(--mnc-a-filete);
}
.mnc-anjo-num{
	font-family:'Cormorant Garamond',Georgia,serif;
	font-size:46px;
	font-weight:600;
	line-height:1;
	color:var(--mnc-a-acento);
	font-variant-numeric:lining-nums;
	letter-spacing:.01em;
}
@media(max-width:600px){
	.mnc-anjo-num{font-size:38px}
}
.mnc-anjo-essencia{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:12px;
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--mnc-a-ouro);
	line-height:1.4;
}

.mnc-anjo p{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:15.5px;
	line-height:1.62;
	color:var(--mnc-a-texto);
	margin:0 0 14px;
}
.mnc-anjo-limite{
	color:var(--mnc-a-apoio)!important;
	font-size:14.5px!important;
	padding:14px 16px;
	background:#F4F1E9;
	border-left:2px solid var(--mnc-a-ouro);
}
.mnc-anjo-limite strong{color:var(--mnc-a-acento)}

/* ------------------------------------------------------------------- FAQ */
.mnc-anjo-faq{margin:18px 0 0;border-top:1px solid var(--mnc-a-filete);padding-top:4px}

.mnc-anjo-faq details,
.mnc-anjos-faq-geral details{
	border-bottom:1px solid var(--mnc-a-filete);
}
.mnc-anjo-faq details:last-child,
.mnc-anjos-faq-geral details:last-child{border-bottom:0}

.mnc-anjo-faq summary,
.mnc-anjos-faq-geral summary{
	list-style:none;
	cursor:pointer;
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:13px 0;
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-weight:600;
	color:var(--mnc-a-acento);
	transition:color .18s ease;
}
.mnc-anjo-faq summary{font-size:14.5px}
.mnc-anjos-faq-geral summary{font-size:17px;padding:18px 0}
.mnc-anjo-faq summary::-webkit-details-marker,
.mnc-anjos-faq-geral summary::-webkit-details-marker{display:none}
.mnc-anjo-faq summary:hover,
.mnc-anjos-faq-geral summary:hover{color:var(--mnc-a-ouro)}
.mnc-anjo-faq summary:focus-visible,
.mnc-anjos-faq-geral summary:focus-visible{outline:2px solid var(--mnc-a-ouro);outline-offset:3px}

/* sinal de abrir e fechar, sem ícone externo */
.mnc-anjo-faq summary::before,
.mnc-anjos-faq-geral summary::before{
	content:'';
	flex:0 0 auto;
	width:9px;
	height:9px;
	margin-top:.45em;
	border-right:1.5px solid var(--mnc-a-ouro);
	border-bottom:1.5px solid var(--mnc-a-ouro);
	transform:rotate(-45deg);
	transition:transform .2s ease;
}
details[open]>summary::before{transform:rotate(45deg)}

.mnc-anjo-faq details p,
.mnc-anjos-faq-geral details p{
	margin:0 0 16px;
	padding:0 0 0 21px;
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	color:var(--mnc-a-apoio);
	line-height:1.62;
}
.mnc-anjo-faq details p{font-size:14.5px}
.mnc-anjos-faq-geral details p{font-size:16px}

.mnc-anjos-faq-geral{
	border-top:1px solid var(--mnc-a-filete);
	border-bottom:1px solid var(--mnc-a-filete);
}

/* ------------------------------------------------- página de um número só */
.mnc-anjo-trilha a{color:var(--mnc-a-ouro);text-decoration:none}
.mnc-anjo-trilha a:hover{text-decoration:underline;text-underline-offset:3px}

.mnc-anjo-essencia-solo{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:var(--mnc-a-ouro);margin:0 0 18px;
}
.mnc-anjo-lead{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:19px;line-height:1.62;color:var(--mnc-a-texto);margin:0 0 8px;
}
@media(max-width:600px){.mnc-anjo-lead{font-size:17px}}

.mnc-anjo-pagina h2{
	font-family:'Cormorant Garamond',Georgia,serif;
	font-size:31px;font-weight:600;line-height:1.14;color:var(--mnc-a-texto);
	margin:40px 0 14px;
}
@media(max-width:600px){.mnc-anjo-pagina h2{font-size:25px;margin:32px 0 12px}}

.mnc-anjo-pagina p{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:17px;line-height:1.68;color:var(--mnc-a-texto);margin:0 0 16px;
}
.mnc-anjo-pagina .mnc-anjo-limite{
	font-size:17px!important;color:var(--mnc-a-texto)!important;
	padding:20px 22px;background:#F4F1E9;border-left:2px solid var(--mnc-a-ouro);
}
.mnc-anjo-pagina .mnc-anjos-faq-geral summary{font-size:17px}
.mnc-anjo-pagina .mnc-anjos-faq-geral details p{font-size:16px}

/* anterior, guia, próximo */
.mnc-anjo-nav{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:16px;
	margin:48px 0 0;
	padding:26px 0 0;
	border-top:1px solid var(--mnc-a-filete);
}
.mnc-anjo-nav a{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	text-decoration:none;color:var(--mnc-a-acento);
}
.mnc-anjo-nav-ant,.mnc-anjo-nav-prox{
	display:flex;flex-direction:column;gap:3px;
	font-family:'Cormorant Garamond',Georgia,serif!important;
	font-size:28px;font-weight:600;line-height:1;
}
.mnc-anjo-nav-prox{text-align:right;align-items:flex-end}
.mnc-anjo-nav-ant span,.mnc-anjo-nav-prox span{
	font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:var(--mnc-a-apoio);
}
.mnc-anjo-nav-ant:hover,.mnc-anjo-nav-prox:hover{color:var(--mnc-a-ouro)}
.mnc-anjo-nav-hub{
	font-size:13px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
	padding:11px 18px;border:1px solid var(--mnc-a-filete);border-radius:2px;
	background:var(--mnc-a-sup);white-space:nowrap;
}
.mnc-anjo-nav-hub:hover{border-color:var(--mnc-a-ouro)}
@media(max-width:600px){
	.mnc-anjo-nav{gap:10px}
	.mnc-anjo-nav-ant,.mnc-anjo-nav-prox{font-size:22px}
	.mnc-anjo-nav-hub{font-size:11px!important;padding:10px 12px}
}

@media(prefers-reduced-motion:reduce){
	.mnc-anjos-indice a,
	.mnc-anjo-faq summary,
	.mnc-anjos-faq-geral summary,
	.mnc-anjo-faq summary::before,
	.mnc-anjos-faq-geral summary::before{transition:none}
}