/* Money iScool — Etapa 6 (mu-plugin mic-home). Toda animação fica dentro de
   @media (prefers-reduced-motion: no-preference): quem desativou movimento no sistema não vê nada se mexer. */

/* ---------- Botões (site todo) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.wp-block-button__link, .button, .header-button, .mobile-header-button-wrap .button,
	.kb-adv-form-submit-button, input[type=submit], .kb-button {
		transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
		will-change: transform;
	}
	.wp-block-button__link:hover, .button:hover, .header-button:hover, .mobile-header-button-wrap .button:hover,
	.kb-adv-form-submit-button:hover, input[type=submit]:hover, .kb-button:hover {
		transform: scale(1.05);
		box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
	}
	.wp-block-button__link:active, .button:active, .header-button:active, .mobile-header-button-wrap .button:active,
	.kb-adv-form-submit-button:active, input[type=submit]:active, .kb-button:active {
		transform: scale(.97);
		transition-duration: .08s;
	}
}

/* ---------- Mascote ---------- */
@media (prefers-reduced-motion: no-preference) {
	.mic-mascote { animation: mic-flutua 4s ease-in-out infinite; }
	.mic-mascote img { transition: transform .35s ease; }
	.mic-hero-card:hover .mic-mascote img { transform: scale(1.04); }
	.mic-hero-card:before { transition: transform .45s ease; }
	.mic-hero-card:hover:before { transform: translate(-50%, -50%) scale(1.07); }
}
@keyframes mic-flutua {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}

/* ---------- Balão (link) ---------- */
a.mic-balao { display: block; text-decoration: none; color: #0B1020; max-width: 260px; cursor: pointer; }
a.mic-balao:hover { background: #FFB94F; color: #0B1020; }
a.mic-balao:focus-visible { outline: 3px solid #F2F4F8; outline-offset: 3px; }
.mic-balao-texto { display: inline; }
.mic-balao-seta { display: inline-block; font-weight: 700; margin-left: 2px; }
@media (prefers-reduced-motion: no-preference) {
	a.mic-balao { animation: mic-pulso 6s ease-in-out 2s infinite; transition: background-color .2s ease; }
	a.mic-balao:hover, a.mic-balao:focus-visible { animation-play-state: paused; }
	.mic-balao-texto, .mic-balao-seta { transition: opacity .3s ease, transform .3s ease; }
	a.mic-balao.mic-trocando .mic-balao-texto, a.mic-balao.mic-trocando .mic-balao-seta { opacity: 0; transform: translateY(4px); }
	.mic-balao-seta { transition: transform .2s ease, opacity .3s ease; }
	a.mic-balao:hover .mic-balao-seta { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
	a.mic-balao.mic-trocando .mic-balao-texto { opacity: 1; }
}
@keyframes mic-pulso {
	0%, 12%, 100% { transform: scale(1); box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
	5% { transform: scale(1.05); box-shadow: 0 10px 30px rgba(0, 0, 0, .35), 0 0 0 6px rgba(248, 171, 55, .25); }
}

/* ---------- Cards ---------- */
.mic-card, .kb-posts-id-_mic-posts .loop-entry, .mic-box { transition: border-color .2s ease; }
.mic-card:hover, .kb-posts-id-_mic-posts .loop-entry:hover, .mic-box:hover { border-color: #8EC63F !important; }
@media (prefers-reduced-motion: no-preference) {
	.mic-card, .kb-posts-id-_mic-posts .loop-entry, .mic-box { transition: transform .2s ease, border-color .2s ease; }
	.mic-card:hover, .kb-posts-id-_mic-posts .loop-entry:hover, .mic-box:hover { transform: translateY(-4px); }
	.mic-card-destaque:hover { transform: translateY(-4px) scale(1.04); }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 1024px) {
	.mic-card-destaque:hover { transform: translateY(-4px); }
}

/* ---------- Seções aparecendo ao rolar (classe posta pelo JS) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.mic-js .mic-reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
	.mic-js .mic-reveal.mic-visivel { opacity: 1; transform: none; }
}

/* ---------- Faixa de cotações ---------- */
.mic-cotacoes {
	background: #0E1428; border-top: 1px solid #1E2944; border-bottom: 1px solid #1E2944;
	width: 100%; max-width: 100vw; position: relative; z-index: 20;
	font-size: 14px; line-height: 1; color: #A9B3C7;
}
.entry-content > .mic-cotacoes, .entry-content > p:has(> .mic-cotacoes) { margin: 0 !important; }
.mic-cot-janela { overflow: hidden; width: 100%; }
.mic-cot-trilho { display: flex; width: max-content; }
.mic-cot-lista { display: flex; align-items: center; list-style: none; margin: 0 !important; padding: 0 !important; flex-shrink: 0; min-width: max(1920px, 100vw); justify-content: space-around; }
.mic-cot-item, .mic-cot-fonte { display: flex; align-items: center; gap: 8px; white-space: nowrap; padding: 11px 22px; border-right: 1px solid #1E2944; margin: 0 !important; }
.mic-cot-nome { color: #F2F4F8; font-weight: 600; }
.mic-cot-preco { color: #A9B3C7; font-variant-numeric: tabular-nums; }
.mic-cot-var { font-weight: 600; font-variant-numeric: tabular-nums; }
.mic-sobe { color: #8EC63F; }
.mic-cai { color: #FF7A7A; }
.mic-cot-fonte { font-size: 12px; color: #7C88A3; }
@media (prefers-reduced-motion: no-preference) {
	.mic-cot-trilho { animation: mic-letreiro 75s linear infinite; }
	.mic-cotacoes:hover .mic-cot-trilho, .mic-cotacoes:focus-within .mic-cot-trilho { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
	/* Sem movimento: a faixa fica parada e dá para arrastar para o lado dentro dela. */
	.mic-cot-janela { overflow-x: auto; }
	.mic-cot-copia { display: none; }
}
@keyframes mic-letreiro {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (max-width: 781px) {
	.mic-cotacoes { font-size: 13px; }
	.mic-cot-item, .mic-cot-fonte { padding: 10px 16px; }
}

/* A faixa ocupa o espaço de cima do hero: tira um pouco do respiro para não sobrar vazio. */
.entry-content > .mic-hero { padding-top: 56px; }
@media (max-width: 781px) { .entry-content > .mic-hero { padding-top: 32px; } a.mic-balao { max-width: none; } }

/* ---------- Mais lidos + Radar do mercado ---------- */
.mic-destaques-sec { padding-top: 24px !important; }
.mic-destaques { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.mic-box { background: #121A30; border: 1px solid #22304F; border-radius: 24px; padding: 32px; min-width: 0; display: flex; flex-direction: column; }
.mic-box-titulo { font-size: clamp(24px, 2.6vw, 30px); line-height: 1.15; margin: 0 0 22px; display: flex; align-items: center; gap: 12px; }
.mic-box-vazio { margin: 0; color: #A9B3C7; border: 1px dashed #22304F; border-radius: 16px; padding: 24px; text-align: center; }

.mic-lidos-lista { list-style: none; margin: 0; padding: 0; }
.mic-lidos-lista li { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 14px 0; margin: 0; border-top: 1px solid #22304F; }
.mic-lidos-lista li:first-child { border-top: 0; padding-top: 0; }
.mic-lidos-num { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 40px; line-height: 1; color: #8EC63F; text-align: center; }
.mic-lidos-link, .mic-radar-link { color: #F2F4F8; text-decoration: none; font-weight: 600; font-size: 17px; line-height: 1.35; display: block; }
.mic-lidos-link:hover, .mic-radar-link:hover { color: #8EC63F; }
.mic-lidos-cat { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #A9B3C7; }

.mic-radar-lista { list-style: none; margin: 0 0 24px; padding: 0; }
.mic-radar-lista li { padding: 14px 0; margin: 0; border-top: 1px solid #22304F; }
.mic-radar-lista li:first-child { border-top: 0; padding-top: 0; }
.mic-radar-hora { display: block; font-size: 13px; color: #8EC63F; font-weight: 600; margin-bottom: 4px; }
.mic-radar-btn { margin-top: auto; padding-top: 20px; }
.mic-aovivo { width: 10px; height: 10px; border-radius: 50%; background: #8EC63F; display: inline-block; flex-shrink: 0; box-shadow: 0 0 0 0 rgba(142, 198, 63, .6); }
@media (prefers-reduced-motion: no-preference) {
	.mic-aovivo { animation: mic-aovivo 1.6s ease-in-out infinite; }
}
@keyframes mic-aovivo {
	0% { opacity: 1; box-shadow: 0 0 0 0 rgba(142, 198, 63, .6); }
	60% { opacity: .45; box-shadow: 0 0 0 8px rgba(142, 198, 63, 0); }
	100% { opacity: 1; box-shadow: 0 0 0 0 rgba(142, 198, 63, 0); }
}
@media (max-width: 781px) {
	.mic-destaques { grid-template-columns: 1fr; }
	.mic-box { padding: 24px; border-radius: 20px; }
}

/* "Últimos artigos" sem posts (texto vem do filtro kadence_blocks_posts_empty_query) */
.mic-sem-posts { font-size: 17px; color: #A9B3C7; background: #121A30; border: 1px dashed #22304F; border-radius: 20px; padding: 32px; text-align: center; margin: 0; }

/* ---------- Aviso das cotações no rodapé (linha abaixo do copyright) ---------- */
.mic-aviso-cot { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; color: #8A96AE; }

/* ---------- Nome MONEYI$COOL (Anton; I$ no amarelo do manual #F9ED1A) ---------- */
.mic-nome { font-family: Anton, "Space Grotesk", sans-serif; font-weight: 400; letter-spacing: .01em; color: #F2F4F8; white-space: nowrap; }
.mic-nome .mic-nome-is { color: #F9ED1A; }
a.mic-brand { display: inline-flex !important; align-items: center; gap: 10px; text-decoration: none !important; line-height: 1; }
a.mic-brand .mic-brand-simbolo { height: 52px; width: auto; display: block; }
a.mic-brand .mic-nome { font-size: 30px; line-height: 1; color: #F2F4F8; }
a.mic-brand .mic-nome .mic-nome-is { color: #F9ED1A; }
a.mic-brand:focus-visible { outline: 2px solid #8EC63F; outline-offset: 4px; border-radius: 6px; }
@media (max-width: 1024px) {
	a.mic-brand .mic-brand-simbolo { height: 44px; }
	a.mic-brand .mic-nome { font-size: 26px; }
}
.site-footer .mic-nome { font-size: 1.05em; letter-spacing: .02em; }
.mic-footer-logo { margin: 0 0 16px !important; }
.mic-footer-logo img { width: 120px; height: auto; display: block; }

/* ---------- Bico Afiado: subtítulo do bloco da home ---------- */
.mic-box-titulo:has(+ .mic-box-sub) { margin-bottom: 6px; }
.mic-box-sub { margin: 0 0 20px; font-size: 14px; line-height: 1.4; color: #A9B3C7; }

/* ---------- Rodapé em 3 colunas (modelo da referência; 04/11/2026) ---------- */
.site-footer .mic-ft-titulo { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.25; letter-spacing: 0; color: #F2F4F8; margin: 0 0 16px; }
.site-footer .mic-ft-lista { list-style: none; margin: 0; padding: 0; }
.site-footer .mic-ft-lista li { margin: 0 0 12px; padding: 0; }
.site-footer .mic-ft-lista a, .site-footer .mic-ft-email a, .site-footer .mic-ft-form a { color: #A9B3C7; text-decoration: none; font-size: 16px; line-height: 1.5; }
.site-footer .mic-ft-lista a:hover, .site-footer .mic-ft-email a:hover, .site-footer .mic-ft-form a:hover,
.site-footer .mic-ft-lista a:focus-visible, .site-footer .mic-ft-email a:focus-visible, .site-footer .mic-ft-form a:focus-visible { color: #8EC63F; }
.site-footer .mic-ft-email, .site-footer .mic-ft-form { margin: 0 0 12px; }
.site-footer .mic-ft-email a { display: inline-flex; align-items: center; gap: 10px; }
.site-footer .mic-ft-email a::before {
	content: ""; flex: 0 0 18px; width: 18px; height: 18px; background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") no-repeat center / contain;
}
.site-footer .mic-ft-marca { display: flex; align-items: center; gap: 18px; }
.site-footer .mic-ft-logo { flex: 0 0 120px; width: 120px; height: auto; display: block; margin: 0; }
.site-footer .mic-ft-marca-txt { min-width: 0; }
.site-footer .mic-ft-sub { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 17px; line-height: 1.3; color: #F2F4F8; margin: 0 0 6px; }
.site-footer .mic-ft-desc { font-family: Inter, sans-serif; font-size: 15px; line-height: 1.55; color: #A9B3C7; margin: 0; }
.site-footer .mic-ft-local { font-size: 13px; line-height: 1.4; color: #8A96AE; margin: 18px 0 0; }
.site-footer .footer-social-wrap { margin-top: 16px; }
@media (max-width: 1024px) {
	/* Colunas empilhadas: marca centralizada (logo em cima, textos embaixo). */
	.site-footer .mic-ft-marca { flex-direction: column; text-align: center; gap: 14px; }
	.site-footer .mic-ft-local { text-align: center; }
}

/* ---------- Rodapé: "Siga a MONEYISCOOL" (botões redondos das redes) ---------- */
.site-footer .mic-ft-redes { margin-top: 20px; }
.site-footer .mic-ft-redes-titulo { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 15px; line-height: 1.3; color: #F2F4F8; margin: 0 0 10px; }
.site-footer .mic-redes { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; margin: 0; padding: 0; }
.site-footer .mic-redes li { margin: 0; padding: 0; }
.site-footer a.mic-rede { width: 44px; height: 44px; border-radius: 50%; background: #8EC63F; color: #0B1020 !important; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.site-footer a.mic-rede .mic-rede-ico { width: 22px; height: 22px; display: block; }
.site-footer a.mic-rede:hover, .site-footer a.mic-rede:focus-visible { background: #F9ED1A; color: #0B1020 !important; }
.site-footer a.mic-rede:focus-visible { outline: 2px solid #F2F4F8; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
	.site-footer a.mic-rede { transition: transform .2s ease, background-color .2s ease; }
	.site-footer a.mic-rede:hover, .site-footer a.mic-rede:focus-visible { transform: scale(1.08); }
}
@media (max-width: 1024px) {
	.site-footer .mic-ft-redes { text-align: center; }
	.site-footer .mic-redes { justify-content: center; }
}

/* ---------- Página Missão (largura de leitura ~720 px) ---------- */
.mic-missao { max-width: 720px; margin-left: auto !important; margin-right: auto !important; }
.mic-missao .mic-missao-titulo { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: clamp(34px, 5vw, 48px); line-height: 1.1; letter-spacing: -.02em; margin: 0 0 16px; }
.mic-missao .mic-missao-sub { font-size: clamp(19px, 2.2vw, 22px); line-height: 1.45; color: #F2F4F8; margin: 0 0 28px; }
.mic-missao .mic-missao-sub strong { color: #8EC63F; font-weight: 600; }
.mic-missao p { font-family: Inter, sans-serif; font-size: 17px; line-height: 1.7; color: #C9D1DF; }
.mic-missao strong { color: #F2F4F8; }
.mic-missao .mic-missao-h2 { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: clamp(24px, 3vw, 30px); line-height: 1.2; margin: 40px 0 14px; }
.mic-missao .mic-missao-lista { margin: 0 0 8px; padding-left: 1.2em; }
.mic-missao .mic-missao-lista li { font-size: 17px; line-height: 1.65; color: #C9D1DF; margin: 0 0 10px; padding-left: 4px; }
.mic-missao .mic-missao-lista li::marker { color: #8EC63F; }
.mic-missao .mic-missao-fecho { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: clamp(22px, 3vw, 28px); line-height: 1.35; color: #F2F4F8; margin: 44px 0 24px; padding: 22px 0 0; border-top: 1px solid #22304F; }
.mic-missao .mic-missao-fecho strong { color: #F9ED1A; }
.mic-missao .mic-missao-btns { gap: 12px; margin: 0 0 16px; }
.mic-missao .mic-missao-btns .wp-block-button__link { padding: 14px 28px; font-weight: 600; }

/* ---------- Artigos: "Resumo em 30 segundos" em card destacado ---------- */
.mic-resumo { background: #121A30; border: 1px solid #8EC63F; border-radius: 20px; padding: 24px 28px; margin: 0 0 36px !important; }
.mic-resumo .mic-resumo-titulo { font-family: "Space Grotesk", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.25; color: #8EC63F; margin: 0 0 12px; }
.mic-resumo ul { margin: 0; padding-left: 1.2em; }
.mic-resumo li { margin: 0 0 8px; line-height: 1.6; }
.mic-resumo li:last-child { margin-bottom: 0; }
.mic-resumo li::marker { color: #8EC63F; }
@media (max-width: 781px) { .mic-resumo { padding: 20px; border-radius: 16px; } }
.entry-content .mic-exemplo { color: #A9B3C7; font-size: 15px; }