/* Signos Chineses - Minha Numerologia Cabala */

:root{
	--mnc-c-fundo:#FAF8F3;
	--mnc-c-sup:#FFFDF7;
	--mnc-c-filete:#E6E0D4;
	--mnc-c-texto:#141A2E;
	--mnc-c-apoio:#5F6786;
	--mnc-c-acento:#1B2A55;
	--mnc-c-ouro:#B08A4A;
	--mnc-c-madeira:#4F6B4A;
	--mnc-c-fogo:#A8552F;
	--mnc-c-terra:#6B6A3C;
	--mnc-c-metal:#66708A;
	--mnc-c-agua:#44557E;
	--mnc-c-sans:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	--mnc-c-serif:'Cormorant Garamond',Georgia,serif;
}

.mnc-ch-fixo-madeira,.mnc-ch-el-madeira{--mnc-c-elem:var(--mnc-c-madeira)}
.mnc-ch-fixo-fogo,.mnc-ch-el-fogo{--mnc-c-elem:var(--mnc-c-fogo)}
.mnc-ch-fixo-terra,.mnc-ch-el-terra{--mnc-c-elem:var(--mnc-c-terra)}
.mnc-ch-fixo-metal,.mnc-ch-el-metal{--mnc-c-elem:var(--mnc-c-metal)}
.mnc-ch-fixo-agua,.mnc-ch-el-agua{--mnc-c-elem:var(--mnc-c-agua)}

/* ---------------------------------------------------------------- atalhos */
.mnc-ch-indice{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.mnc-ch-indice a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--mnc-c-filete);border-radius:2px;background:var(--mnc-c-sup);font-family:var(--mnc-c-sans);font-size:14px;font-weight:600;letter-spacing:.03em;color:var(--mnc-c-acento);text-decoration:none;transition:border-color .18s ease,background .18s ease}
.mnc-ch-indice a:hover,.mnc-ch-indice a:focus-visible{border-color:var(--mnc-c-ouro);background:#F4F1E9}
.mnc-ch-indice-cn{font-size:17px;line-height:1;color:var(--mnc-c-ouro)}

/* ----------------------------------------------------------- calculadora */
.mnc-ch-calc{background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-top:2px solid var(--mnc-c-ouro);border-radius:2px;padding:30px 30px 26px;scroll-margin-top:110px}
@media(max-width:680px){.mnc-ch-calc{padding:22px 18px 20px}}
.mnc-ch-calc-tit{font-family:var(--mnc-c-serif);font-size:31px;font-weight:600;line-height:1.14;margin:0 0 10px;color:var(--mnc-c-acento)}
.mnc-ch-calc-sub{font-family:var(--mnc-c-sans);font-size:15px;line-height:1.62;color:var(--mnc-c-apoio);margin:0 0 22px;max-width:62ch}

.mnc-ch-form{display:grid;grid-template-columns:76px 1fr 108px 1fr auto;gap:14px;align-items:end}
@media(max-width:900px){.mnc-ch-form{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:420px){.mnc-ch-form{grid-template-columns:1fr}}
.mnc-ch-campo{display:flex;flex-direction:column;gap:5px;min-width:0}
.mnc-ch-campo label{font-family:var(--mnc-c-sans);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mnc-c-apoio)}
.mnc-ch-campo label span{font-weight:500;text-transform:none;letter-spacing:.02em;opacity:.78}
.mnc-ch-campo select{width:100%;padding:10px 11px;border:1px solid var(--mnc-c-filete);border-radius:2px;background:#fff;font-family:var(--mnc-c-sans);font-size:15px;color:var(--mnc-c-texto);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mnc-c-apoio) 50%),linear-gradient(135deg,var(--mnc-c-apoio) 50%,transparent 50%);background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
.mnc-ch-campo select:focus-visible{outline:2px solid var(--mnc-c-ouro);outline-offset:1px}
.mnc-ch-campo-botao{align-self:end}
.mnc-ch-form button{padding:11px 24px;border:0;border-radius:2px;background:var(--mnc-c-acento);color:#FFFDF7;font-family:var(--mnc-c-sans);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .18s ease}
.mnc-ch-form button:hover{background:#24376B}
.mnc-ch-form button:focus-visible{outline:2px solid var(--mnc-c-ouro);outline-offset:2px}

/* ------------------------------------------------------------- resultado */
.mnc-ch-saida:empty{display:none}
.mnc-ch-res{margin:26px 0 0;padding:24px 24px 20px;border:1px solid var(--mnc-c-filete);border-left:3px solid var(--mnc-c-elem,var(--mnc-c-ouro));border-radius:2px;background:var(--mnc-c-fundo)}
@media(max-width:680px){.mnc-ch-res{padding:18px 16px 16px}}
.mnc-ch-res-data{font-family:var(--mnc-c-sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mnc-c-apoio);margin:0 0 8px}
.mnc-ch-res-titulo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px}
.mnc-ch-res-cn{font-size:40px;line-height:1;color:var(--mnc-c-elem,var(--mnc-c-ouro))}
.mnc-ch-res-titulo strong{font-family:var(--mnc-c-serif);font-size:34px;font-weight:600;line-height:1.08;color:var(--mnc-c-acento)}
.mnc-ch-res-pol{font-family:var(--mnc-c-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mnc-c-sup);background:var(--mnc-c-elem,var(--mnc-c-ouro));padding:4px 9px;border-radius:2px}
.mnc-ch-res-ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--mnc-c-filete);border:1px solid var(--mnc-c-filete);margin:0 0 20px}
@media(max-width:860px){.mnc-ch-res-ficha{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mnc-ch-res-ficha{grid-template-columns:1fr}}
.mnc-ch-res-ficha>div{background:var(--mnc-c-sup);padding:12px 14px}
.mnc-ch-res-ficha dt{font-family:var(--mnc-c-sans);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mnc-c-apoio);margin:0 0 4px}
.mnc-ch-res-ficha dd{margin:0;font-family:var(--mnc-c-sans);font-size:15px;color:var(--mnc-c-texto)}
.mnc-ch-res-ficha dd a{color:var(--mnc-c-acento);text-decoration:underline;text-decoration-color:var(--mnc-c-filete);text-underline-offset:3px}
.mnc-ch-res-ficha dd a:hover{text-decoration-color:var(--mnc-c-ouro)}
.mnc-ch-cn{color:var(--mnc-c-apoio)}
.mnc-ch-nota{font-family:var(--mnc-c-sans);font-size:14.5px;line-height:1.66;color:var(--mnc-c-texto);background:#F4F1E9;border-left:2px solid var(--mnc-c-ouro);padding:13px 16px;margin:0 0 18px}
.mnc-ch-nota strong{color:var(--mnc-c-acento)}
.mnc-ch-res-hora,.mnc-ch-res-relacoes{margin:0 0 18px}
.mnc-ch-res-hora h3,.mnc-ch-res-relacoes h3{font-family:var(--mnc-c-serif);font-size:22px;font-weight:600;margin:0 0 8px;color:var(--mnc-c-acento)}
.mnc-ch-res-hora p{font-family:var(--mnc-c-sans);font-size:15px;line-height:1.66;margin:0;color:var(--mnc-c-texto)}
.mnc-ch-res-relacoes ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mnc-ch-res-relacoes li{font-family:var(--mnc-c-sans);font-size:15px;line-height:1.62;padding-left:16px;position:relative;color:var(--mnc-c-texto)}
.mnc-ch-res-relacoes li:before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border:1px solid var(--mnc-c-elem,var(--mnc-c-ouro));transform:rotate(45deg)}
.mnc-ch-res-relacoes strong{color:var(--mnc-c-acento)}
.mnc-ch-res-link{margin:0}
.mnc-ch-res-link a{font-family:var(--mnc-c-sans);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--mnc-c-acento);text-decoration:none;border-bottom:1px solid var(--mnc-c-ouro);padding-bottom:2px}
.mnc-ch-res-link a:hover{color:var(--mnc-c-ouro)}
.mnc-ch-erro{font-family:var(--mnc-c-sans);font-size:15px;line-height:1.6;color:#8A3A2A;background:#FBF1EC;border-left:2px solid #A8552F;padding:13px 16px;margin:26px 0 0}
.mnc-ch-carregando{font-family:var(--mnc-c-sans);font-size:14px;color:var(--mnc-c-apoio);margin:26px 0 0}
/* ------------------------------------------------------------ grade do hub */
.mnc-ch-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
@media(max-width:1100px){.mnc-ch-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:680px){.mnc-ch-grade{grid-template-columns:1fr;gap:18px}}
.mnc-ch-card{display:flex;flex-direction:column;background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-top:2px solid var(--mnc-c-elem,var(--mnc-c-ouro));border-radius:2px;overflow:hidden;scroll-margin-top:110px;transition:box-shadow .2s ease,transform .2s ease}
.mnc-ch-card:hover{box-shadow:0 10px 30px rgba(20,26,46,.09);transform:translateY(-2px)}
.mnc-ch-card-foto{display:block;line-height:0;background:#141A2E}
.mnc-ch-card-foto img,.mnc-ch-card-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.mnc-ch-card-corpo{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}
.mnc-ch-card-topo{display:flex;align-items:center;gap:14px;margin:0 0 12px}
.mnc-ch-card-cn{font-size:34px;line-height:1;color:var(--mnc-c-elem,var(--mnc-c-ouro));flex:0 0 auto}
.mnc-ch-card-nome{font-family:var(--mnc-c-serif);font-size:27px;font-weight:600;line-height:1.1;margin:0 0 3px;color:var(--mnc-c-acento)}
.mnc-ch-card-nome a{color:inherit;text-decoration:none}
.mnc-ch-card-nome a:hover{color:var(--mnc-c-ouro)}
.mnc-ch-card-ramo{font-family:var(--mnc-c-sans);font-size:13px;color:var(--mnc-c-apoio);margin:0}
.mnc-ch-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mnc-ch-card-tags span{font-family:var(--mnc-c-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mnc-c-apoio);border:1px solid var(--mnc-c-filete);padding:3px 8px;border-radius:2px}
.mnc-ch-card-resumo{font-family:var(--mnc-c-sans);font-size:15px;line-height:1.62;color:var(--mnc-c-texto);margin:0 0 12px}
.mnc-ch-card-anos{font-family:var(--mnc-c-sans);font-size:13px;line-height:1.6;color:var(--mnc-c-apoio);margin:0 0 14px}
.mnc-ch-card-anos span{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px}
.mnc-ch-card-link{margin:auto 0 0}
.mnc-ch-card-link a{font-family:var(--mnc-c-sans);font-size:14px;font-weight:700;color:var(--mnc-c-acento);text-decoration:none;border-bottom:1px solid var(--mnc-c-ouro);padding-bottom:2px}
.mnc-ch-card-link a:hover{color:var(--mnc-c-ouro)}

/* --------------------------------------------------------- trios e tabelas */
.mnc-ch-trios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:760px){.mnc-ch-trios{grid-template-columns:1fr}}
.mnc-ch-trio{background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-left:3px solid var(--mnc-c-ouro);border-radius:2px;padding:20px 22px}
.mnc-ch-trio h3{font-family:var(--mnc-c-serif);font-size:23px;font-weight:600;margin:0 0 8px;color:var(--mnc-c-acento)}
.mnc-ch-trio-lista{font-family:var(--mnc-c-sans);font-size:15px;font-weight:700;margin:0 0 8px}
.mnc-ch-trio-lista a{color:var(--mnc-c-acento);text-decoration:none;border-bottom:1px solid var(--mnc-c-filete)}
.mnc-ch-trio-lista a:hover{border-color:var(--mnc-c-ouro);color:var(--mnc-c-ouro)}
.mnc-ch-trio p{font-family:var(--mnc-c-sans);font-size:14.5px;line-height:1.62;color:var(--mnc-c-apoio);margin:0}

.mnc-ch-tabela-wrap{overflow-x:auto;border:1px solid var(--mnc-c-filete);border-radius:2px;background:var(--mnc-c-sup);margin:0 0 26px}
.mnc-ch-tabela{width:100%;border-collapse:collapse;font-family:var(--mnc-c-sans);font-size:14.5px}
.mnc-ch-tabela caption{text-align:left;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--mnc-c-apoio);border-bottom:1px solid var(--mnc-c-filete)}
.mnc-ch-tabela th,.mnc-ch-tabela td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--mnc-c-filete);white-space:nowrap}
.mnc-ch-tabela thead th{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mnc-c-apoio);background:#F4F1E9}
.mnc-ch-tabela tbody th{font-weight:700;color:var(--mnc-c-acento)}
.mnc-ch-tabela tbody tr:last-child th,.mnc-ch-tabela tbody tr:last-child td{border-bottom:0}
.mnc-ch-tabela tbody tr:hover{background:#F8F5EE}
.mnc-ch-tabela a{color:var(--mnc-c-acento);text-decoration:none;border-bottom:1px solid var(--mnc-c-filete)}
.mnc-ch-tabela a:hover{border-color:var(--mnc-c-ouro);color:var(--mnc-c-ouro)}
.mnc-ch-tabela-geral{min-width:620px}

/* --------------------------------------------------- pagina de cada animal */
.mnc-ch-essencia{font-family:var(--mnc-c-serif);font-size:25px;font-style:italic;line-height:1.38;color:var(--mnc-c-elem,var(--mnc-c-ouro));border-left:2px solid var(--mnc-c-elem,var(--mnc-c-ouro));padding-left:18px;margin:0 0 26px}
.mnc-ch-capa{margin:0 0 26px}
.mnc-ch-capa-img{display:block;width:100%;height:auto;border:1px solid var(--mnc-c-filete)}
.mnc-ch-capa figcaption{font-family:var(--mnc-c-sans);font-size:12.5px;color:var(--mnc-c-apoio);margin-top:8px}
.mnc-ch-h2{font-family:var(--mnc-c-serif);font-size:30px;font-weight:600;line-height:1.16;color:var(--mnc-c-acento);margin:36px 0 14px}
@media(max-width:680px){.mnc-ch-h2{font-size:26px;margin:28px 0 12px}}
.mnc-ch-pagina p{font-family:var(--mnc-c-sans);font-size:16.5px;line-height:1.75;color:var(--mnc-c-texto);margin:0 0 16px}
.mnc-ch-ficha{background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-top:2px solid var(--mnc-c-elem,var(--mnc-c-ouro));border-radius:2px;padding:22px 24px 18px;margin:0 0 30px}
.mnc-ch-ficha-tit{font-family:var(--mnc-c-serif);font-size:24px;font-weight:600;margin:0 0 14px;color:var(--mnc-c-acento)}
.mnc-ch-ficha dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;margin:0}
@media(max-width:860px){.mnc-ch-ficha dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.mnc-ch-ficha dl{grid-template-columns:1fr}}
.mnc-ch-ficha dt{font-family:var(--mnc-c-sans);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mnc-c-apoio);margin:0 0 3px}
.mnc-ch-ficha dd{margin:0;font-family:var(--mnc-c-sans);font-size:15.5px;color:var(--mnc-c-texto)}
.mnc-ch-lista{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px}
.mnc-ch-lista li{font-family:var(--mnc-c-sans);font-size:16px;line-height:1.66;color:var(--mnc-c-texto);padding-left:20px;position:relative}
.mnc-ch-lista li:before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;border:1px solid var(--mnc-c-elem,var(--mnc-c-ouro));transform:rotate(45deg)}
.mnc-ch-sombra li:before{background:var(--mnc-c-filete)}
.mnc-ch-relacoes{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.mnc-ch-relacoes li{font-family:var(--mnc-c-sans);font-size:16px;line-height:1.66;background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-left:2px solid var(--mnc-c-elem,var(--mnc-c-ouro));padding:12px 16px;border-radius:2px}
.mnc-ch-relacoes strong{color:var(--mnc-c-acento)}
.mnc-ch-relacoes a{color:var(--mnc-c-acento);border-bottom:1px solid var(--mnc-c-filete);text-decoration:none}
.mnc-ch-relacoes a:hover{border-color:var(--mnc-c-ouro);color:var(--mnc-c-ouro)}
.mnc-ch-elementos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 26px}
@media(max-width:760px){.mnc-ch-elementos{grid-template-columns:1fr}}
.mnc-ch-elemento{background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-radius:2px;padding:18px 20px}
.mnc-ch-elemento h3{font-family:var(--mnc-c-serif);font-size:22px;font-weight:600;margin:0 0 7px;color:var(--mnc-c-acento)}
.mnc-ch-elemento p{font-size:15px!important;line-height:1.66!important;margin:0!important;color:var(--mnc-c-apoio)!important}

/* -------------------------------------------------------------- faq e nav */
.mnc-ch-faq{display:grid;gap:10px;margin:0 0 26px}
.mnc-ch-faq details{background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-radius:2px;padding:0}
.mnc-ch-faq summary{cursor:pointer;list-style:none;padding:14px 18px;font-family:var(--mnc-c-sans);font-size:16px;font-weight:600;color:var(--mnc-c-acento);position:relative;padding-right:44px}
.mnc-ch-faq summary::-webkit-details-marker{display:none}
.mnc-ch-faq summary:after{content:'';position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--mnc-c-ouro);border-bottom:1.5px solid var(--mnc-c-ouro);transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}
.mnc-ch-faq details[open] summary:after{transform:translateY(-30%) rotate(225deg)}
.mnc-ch-faq summary:focus-visible{outline:2px solid var(--mnc-c-ouro);outline-offset:-2px}
.mnc-ch-faq details p{margin:0!important;padding:0 18px 16px;font-family:var(--mnc-c-sans);font-size:15.5px;line-height:1.72;color:var(--mnc-c-texto)}
.mnc-ch-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:38px 0 0;padding-top:24px;border-top:1px solid var(--mnc-c-filete)}
@media(max-width:680px){.mnc-ch-nav{grid-template-columns:1fr}}
.mnc-ch-nav a{display:block;padding:14px 16px;background:var(--mnc-c-sup);border:1px solid var(--mnc-c-filete);border-radius:2px;font-family:var(--mnc-c-sans);font-size:16px;font-weight:700;color:var(--mnc-c-acento);text-decoration:none;transition:border-color .18s ease}
.mnc-ch-nav a:hover{border-color:var(--mnc-c-ouro)}
.mnc-ch-nav a span{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mnc-c-apoio);margin-bottom:3px}
.mnc-ch-nav-pro{text-align:right}
.mnc-ch-nav-hub{text-align:center}
@media(max-width:680px){.mnc-ch-nav-pro,.mnc-ch-nav-hub{text-align:left}}