/* Site público 9Pilla (home, edição, arquivo, página da Raquel) e a prévia do painel: direção "B ajustada"
   (DESIGN.md). Só usa variáveis do /tokens.css; test/css-solto.test.js confere sem nenhuma exceção.
   Playfair só em .dq (uma palavra do topo editorial) e .citacao (a voz da Raquel). */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/fonts/montserrat-latin.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/montserrat-latin-italic.woff2") format("woff2"); }
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/playfair-display-latin-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/playfair-display-latin-600-italic.woff2") format("woff2"); }

/* ---------- Base ---------- */
.mc *, .mc *::before, .mc *::after { box-sizing: border-box; }
body.mc { margin: 0; background: var(--cor-superficie); color: var(--cor-texto); font: var(--tipo-corpo-leitura); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
.mc .wrap { max-width: 720px; margin: 0 auto; padding: 0 var(--esp-4); }
.mc a { color: var(--cor-titulo); text-decoration-color: var(--cor-acao); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mc a:focus-visible, .mc button:focus-visible { outline: 3px solid var(--cor-foco); outline-offset: 2px; }
.mc h1 { font: var(--tipo-titulo-1); font-size: clamp(30px, 7vw, 44px); letter-spacing: var(--tipo-titulo-1-letter-spacing); color: var(--cor-titulo); margin: var(--esp-2) 0 var(--esp-3); overflow-wrap: break-word; }
.mc h2 { font: var(--tipo-titulo-2); letter-spacing: var(--tipo-titulo-2-letter-spacing); color: var(--cor-titulo); margin: var(--esp-8) 0 var(--esp-3); }
.mc p { margin: 0 0 var(--esp-3); }
.mc .icone { width: 1.15em; height: 1.15em; flex-shrink: 0; vertical-align: -0.2em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mc .so-leitor { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.mc .dq { font: var(--tipo-destaque); color: var(--cor-destaque-editorial); letter-spacing: 0; }
.mc .kicker { display: flex; align-items: flex-start; gap: var(--esp-2); margin: 0; font: var(--tipo-rotulo); letter-spacing: var(--tipo-rotulo-letter-spacing); text-transform: var(--tipo-rotulo-text-transform); color: var(--cor-texto-suave); }
.mc .kicker .icone { vertical-align: 0; }
.mc .trilha { margin: 0 0 var(--esp-2); font: var(--tipo-pequeno); color: var(--cor-texto-suave); }
.mc .trilha a { color: var(--cor-texto-suave); }

/* ---------- Topo do site e rodapé ---------- */
.mc .topo { background: var(--cor-superficie); border-bottom: 1px solid var(--cor-borda); }
.mc .topo .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-3); min-height: 60px; }
.mc .topo img { display: block; height: 30px; width: auto; }
.mc .topo nav { display: flex; gap: var(--esp-1); overflow-x: auto; scrollbar-width: none; }
.mc .topo nav::-webkit-scrollbar { display: none; }
.mc .topo nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--esp-3); border-radius: var(--raio-pill); font-size: 13px; font-weight: 700; white-space: nowrap; text-decoration: none; transition: background-color var(--duracao-rapida) var(--curva-saida); }
.mc .topo nav a:hover { background: var(--cor-superficie-suave); }
.mc .rodape { padding: var(--esp-6) 0 var(--esp-8); border-top: 1px solid var(--cor-borda); background: var(--cor-superficie); color: var(--cor-texto-suave); font: var(--tipo-pequeno); text-align: center; }
.mc .rodape p { margin: 0 0 var(--esp-2); }
.mc .rodape a { color: inherit; }
.mc main + .rodape, .mc .outras + .rodape { margin-top: var(--esp-12); }

/* ---------- Topo editorial navy (home e edição), faixa do arquivo e chamada final da home ---------- */
.mc .capa, .mc .mc-hero, .mc .final { background: var(--cor-superficie-destaque); color: var(--cor-texto-sobre-destaque); }
.mc .capa { padding: var(--esp-6) 0 var(--esp-8); }
.mc .capa h1, .mc .mc-hero h1, .mc .final h2 { color: var(--cor-texto-sobre-destaque-forte); }
.mc .capa .kicker, .mc .capa .trilha, .mc .capa .trilha a, .mc .mc-hero .trilha, .mc .mc-hero .trilha a { color: var(--cor-texto-sobre-destaque-suave); }
.mc .capa .kicker .icone, .mc .mc-hero .hero-kicker { color: var(--cor-acao); }
.mc .capa .trilha { margin-bottom: var(--esp-4); }
.mc .capa strong { color: var(--cor-texto-sobre-destaque-forte); }
.mc .capa .lead { margin: 0 0 var(--esp-6); }
.mc .capa .cta-wa { width: 100%; }
.mc .capa .cta-note { margin: var(--esp-2) 0 0; font: var(--tipo-pequeno); color: var(--cor-texto-sobre-destaque-suave); text-align: center; }
.mc .capa .cta-note b { color: var(--cor-texto-sobre-destaque-forte); }
.mc .capa-home { padding-top: var(--esp-8); }
/* Entrada editorial: o conteúdo sobe e a palavra em Playfair chega logo depois. */
.mc .capa .wrap > * { animation: mc-sobe var(--duracao-longa) var(--curva-saida) both; }
.mc .capa .dq { display: inline-block; animation: mc-sobe var(--duracao-longa) var(--curva-saida) 180ms both; }
@keyframes mc-sobe { from { opacity: 0; transform: translateY(12px); } }

/* ---------- Edição ---------- */
.mc .meta-edicao { display: flex; align-items: center; gap: var(--esp-3); margin-top: var(--esp-4); }
.mc .meta-edicao img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.mc .meta-edicao p { display: flex; flex-direction: column; margin: 0; font: var(--tipo-pequeno); }
.mc .meta-edicao a { color: var(--cor-texto-sobre-destaque-forte); font-weight: 700; text-decoration: none; }
.mc .meta-edicao span { display: flex; align-items: flex-start; gap: var(--esp-1); color: var(--cor-texto-sobre-destaque-suave); }
.mc .meta-edicao span .icone { margin-top: 2px; vertical-align: 0; }
.mc .corpo { padding-top: var(--esp-6); }
.mc .abertura p { font-size: 19px; font-weight: 500; line-height: 1.6; }
.mc [id^="manchete-"], .mc #termometro, .mc #pilula { scroll-margin-top: var(--esp-4); }

/* Compartilhar */
.mc .compartilhar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--esp-2); margin-top: var(--esp-4); font: var(--tipo-pequeno); font-weight: 600; color: var(--cor-texto-suave); }
.mc .capa .compartilhar > span { color: var(--cor-texto-sobre-destaque-suave); }
.mc .corpo > .compartilhar { margin: var(--esp-4) 0 var(--esp-8); }
.mc .botao-social { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; padding: 0 var(--esp-4); border: 1.5px solid var(--cor-borda); border-radius: var(--raio-pill); background: var(--cor-superficie); color: var(--cor-titulo); font: 700 14px/1.2 var(--fonte-principal); text-decoration: none; transition: border-color var(--duracao-rapida) var(--curva-saida); }
.mc .botao-social svg { width: 18px; height: 18px; }
.mc .botao-social:hover { border-color: var(--cor-titulo); }
.mc .botao-social.wa svg { color: var(--cor-icone-whatsapp); }
.mc .capa .botao-social { border-color: var(--cor-texto-sobre-destaque-suave); background: transparent; color: var(--cor-texto-sobre-destaque-forte); }
.mc .capa .botao-social:hover { border-color: var(--cor-texto-sobre-destaque-forte); }
.mc .capa .botao-social.wa svg { color: currentColor; }

/* Cartões: superfície suave, cantos de 24px, sem borda */
.mc .sumario, .mc .pilula, .mc .assinatura, .mc .cta-box, .mc .destaque, .mc .lista > li, .mc .sobre-autora, .mc .beneficio, .mc .ultimo .cartao, .mc .edicoes a { background: var(--cor-superficie-suave); border-radius: var(--raio-lg); }

/* Sumário */
.mc .sumario { margin: var(--esp-8) 0; padding: var(--esp-4) var(--esp-6); }
.mc .sumario h2 { margin: 0 0 var(--esp-2); font: var(--tipo-rotulo); letter-spacing: var(--tipo-rotulo-letter-spacing); text-transform: var(--tipo-rotulo-text-transform); color: var(--cor-texto-suave); }
.mc .sumario ol { margin: 0; padding-left: var(--esp-6); }
.mc .sumario li { margin: var(--esp-1) 0; font-size: 15.5px; line-height: 1.45; }
.mc .sumario a { font-weight: 600; }

/* Termômetro */
.mc .termometro { margin: var(--esp-8) 0; }
.mc .termometro h2 { display: flex; align-items: center; gap: var(--esp-2); margin: 0 0 var(--esp-1); }
.mc .termometro .ref { margin: 0 0 var(--esp-3); font: var(--tipo-pequeno); color: var(--cor-texto-suave); }
.mc .cotacoes { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--esp-2); margin: 0; padding: 0; list-style: none; }
.mc .cotacao { display: flex; flex-direction: column; gap: 2px; padding: var(--esp-3); border-radius: var(--raio-md); background: var(--cor-superficie-suave); }
.mc .cotacao .ativo { font: var(--tipo-pequeno); font-weight: 700; color: var(--cor-texto-suave); }
.mc .cotacao .valor { font: var(--tipo-numero); font-size: 19px; font-variant-numeric: var(--tipo-numero-font-variant-numeric); color: var(--cor-texto); white-space: nowrap; }
.mc .variacao { font-size: 14px; white-space: nowrap; }
.mc .sobe { color: var(--cor-sobe); font-weight: 700; }
.mc .desce { color: var(--cor-desce); font-weight: 700; }
.mc .neutro { color: var(--cor-texto-suave); font-weight: 700; }

/* Manchetes numeradas */
.mc .bloco-manchete { margin-top: var(--esp-8); }
.mc .bloco-manchete > p:last-child, .mc .pilula > p:last-child, .mc .destaque > p:last-child, .mc .sobre-autora p:last-child, .mc .cta-box > :last-child, .mc .citacao blockquote > p:last-child { margin-bottom: 0; }
.mc .manchete { display: flex; align-items: flex-start; gap: var(--esp-3); margin: 0 0 var(--esp-3); font: var(--tipo-titulo-3); font-size: 20px; letter-spacing: var(--tipo-titulo-3-letter-spacing); }
.mc .manchete .num { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; margin-top: -2px; border-radius: 50%; background: var(--cor-superficie-destaque); color: var(--cor-texto-sobre-destaque-forte); font-size: 15px; font-weight: 800; }

/* Pílula, citação, assinatura, aviso */
.mc .pilula { margin: var(--esp-8) 0; padding: var(--esp-6); }
.mc .pilula h2 { display: flex; align-items: center; gap: var(--esp-2); margin-top: 0; font-size: 19px; }
.mc .citacao { margin: var(--esp-8) 0; padding-left: var(--esp-4); border-left: 3px solid var(--cor-acao); }
.mc .citacao blockquote { margin: 0; }
.mc .citacao blockquote p { margin: 0 0 var(--esp-2); font: var(--tipo-citacao); color: var(--cor-titulo); }
.mc .citacao figcaption { font: var(--tipo-pequeno); font-weight: 700; color: var(--cor-texto-suave); }
.mc .assinatura { display: flex; align-items: center; gap: var(--esp-4); margin: var(--esp-8) 0 0; padding: var(--esp-4); }
.mc .assinatura img { width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; object-fit: cover; }
.mc .assinatura p { margin: 0; font-size: 15px; }
.mc .aviso { padding-top: var(--esp-4); border-top: 1px solid var(--cor-borda); font: var(--tipo-pequeno); color: var(--cor-texto-suave); }

/* Chamada para o grupo */
.mc .cta-box { margin: var(--esp-8) 0; padding: var(--esp-6) var(--esp-4); text-align: center; }
.mc .cta-titulo { font-weight: 700; color: var(--cor-titulo); }
.mc .cta-wa { display: inline-flex; align-items: center; justify-content: center; gap: var(--esp-2); min-height: 52px; padding: 0 var(--esp-6); border-radius: var(--raio-pill); background: var(--cor-acao); color: var(--cor-texto-sobre-acao); font: 800 16px/1.2 var(--fonte-principal); text-decoration: none; transition: background-color var(--duracao-rapida) var(--curva-saida), transform var(--duracao-rapida) var(--curva-saida); }
.mc .cta-wa:hover { background: var(--cor-acao-hover); }
.mc .cta-wa:active { transform: scale(.97); }
.mc .cta-wa svg { width: 22px; height: 22px; flex-shrink: 0; }

/* Cheguei até aqui (ritual do emoji do grupo) */
.mc .cheguei { margin: var(--esp-8) 0 0; text-align: center; }
.mc .cheguei-botao { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 52px; padding: 0 var(--esp-6); border: 2px dashed var(--cor-titulo); border-radius: var(--raio-pill); background: var(--cor-superficie); color: var(--cor-titulo); font: 800 17px/1.2 var(--fonte-principal); cursor: pointer; transition: background-color var(--duracao-rapida) var(--curva-saida), transform var(--duracao-rapida) var(--curva-saida); }
.mc .cheguei-botao:hover { background: var(--cor-superficie-suave); }
.mc .cheguei-botao:active { transform: scale(.97); }
.mc .cheguei-resposta { padding: var(--esp-6) var(--esp-4); border-radius: var(--raio-lg); background: var(--cor-ok-fundo); animation: mc-aparece var(--duracao-media) var(--curva-saida); }
.mc .cheguei-titulo { margin: 0 0 var(--esp-1); font-size: 19px; font-weight: 800; color: var(--cor-ok-texto); outline: none; }
.mc .cheguei-convite { margin: 0 0 var(--esp-4); font-size: 16px; color: var(--cor-texto); }
.mc .cheguei-acoes { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--esp-2); }
.mc .cheguei-acoes .cta-wa { min-height: 44px; padding: 0 var(--esp-4); font-size: 15px; }
@keyframes mc-aparece { from { opacity: 0; transform: translateY(6px); } }

/* Feedback */
.mc .feedback { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--esp-2) var(--esp-4); margin: var(--esp-4) 0 0; font-weight: 600; color: var(--cor-texto-suave); }
.mc .cta-box[hidden], .mc .feedback[hidden], .mc .feedback-obrigado[hidden], .mc .leitor-fiel[hidden], .mc .cheguei-resposta[hidden], .mc .cheguei-botao[hidden], .mc .cheguei-convite[hidden], .mc .cta-wa[hidden] { display: none; }
.mc .feedback > p { margin: 0; }
.mc .feedback-botoes { display: flex; gap: var(--esp-2); }
.mc .feedback-botao { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; padding: 0 var(--esp-4); border: 1.5px solid var(--cor-borda); border-radius: var(--raio-pill); background: var(--cor-superficie); color: var(--cor-titulo); font: 700 15px/1 var(--fonte-principal); cursor: pointer; transition: border-color var(--duracao-rapida) var(--curva-saida); }
.mc .feedback-botao:hover:not(:disabled) { border-color: var(--cor-titulo); }
.mc .feedback-botao:disabled { cursor: default; opacity: .55; }
.mc .feedback-botao[aria-pressed="true"] { opacity: 1; border-color: var(--cor-titulo); background: var(--cor-titulo); color: var(--cor-texto-sobre-destaque-forte); }
.mc .feedback-obrigado { flex-basis: 100%; margin: 0; text-align: center; color: var(--cor-ok-texto); }

/* Leitor fiel */
.mc .leitor-fiel { margin: var(--esp-8) 0 0; padding: var(--esp-6) var(--esp-4); text-align: center; border-radius: var(--raio-lg); background: var(--cor-superficie-destaque); color: var(--cor-texto-sobre-destaque); animation: mc-aparece var(--duracao-media) var(--curva-saida); }
.mc .leitor-fiel p { margin: 0 0 var(--esp-4); font-size: 16px; }
.mc .leitor-fiel strong { display: block; margin-bottom: var(--esp-1); font-size: 19px; color: var(--cor-texto-sobre-destaque-forte); }
.mc .leitor-fiel-acoes { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--esp-2); }
.mc .leitor-fiel-acoes .cta-wa { min-height: 48px; font-size: 15px; }
.mc .leitor-fiel-fechar { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 var(--esp-6); border: 1.5px solid var(--cor-texto-sobre-destaque-suave); border-radius: var(--raio-pill); background: transparent; color: var(--cor-texto-sobre-destaque-forte); font: 700 15px/1.2 var(--fonte-principal); cursor: pointer; transition: border-color var(--duracao-rapida) var(--curva-saida); }
.mc .leitor-fiel-fechar:hover { border-color: var(--cor-texto-sobre-destaque-forte); }

/* Anterior / próxima */
.mc .edicoes { display: grid; grid-template-columns: 1fr 1fr; gap: var(--esp-3); margin-top: var(--esp-8); }
.mc .edicoes a { display: block; padding: var(--esp-4); font-size: 15px; font-weight: 600; line-height: 1.35; text-decoration: none; }
.mc .edicoes a span { display: block; margin-bottom: var(--esp-1); font-size: 12px; font-weight: 700; color: var(--cor-texto-suave); }
.mc .edicoes .prox { text-align: right; }
.mc .outras .todas { margin: var(--esp-4) 0 0; text-align: center; font-weight: 700; }

/* ---------- Arquivo ---------- */
.mc .artigo { padding-top: var(--esp-6); }
.mc .mc-hero { padding: var(--esp-4) 0 var(--esp-8); }
.mc .mc-hero h1 { margin: var(--esp-2) 0 var(--esp-3); }
.mc .hero-kicker { margin: var(--esp-6) 0 0; font: var(--tipo-rotulo); letter-spacing: var(--tipo-rotulo-letter-spacing); text-transform: var(--tipo-rotulo-text-transform); }
.mc .hero-lead { max-width: 580px; font-size: 18px; }
.mc .hero-cta { margin-top: var(--esp-2); }
.mc .destaque { position: relative; margin: 0 0 var(--esp-8); padding: var(--esp-6); box-shadow: var(--sombra-elevada); }
.mc .selo-destaque { display: inline-block; margin: 0 0 var(--esp-2); padding: 2px var(--esp-3); border-radius: var(--raio-pill); background: var(--cor-ok-fundo); color: var(--cor-ok-texto); font-size: 12.5px; font-weight: 700; line-height: 1.4; }
.mc .destaque h2 { margin: var(--esp-1) 0 var(--esp-3); font-size: clamp(22px, 5vw, 28px); }
.mc .destaque-link { color: var(--cor-titulo); text-decoration: none; }
.mc .destaque-link::after { content: ""; position: absolute; inset: 0; border-radius: var(--raio-lg); }
.mc .destaque-link:focus-visible { outline: none; }
.mc .destaque:has(.destaque-link:focus-visible) { outline: 3px solid var(--cor-foco); outline-offset: 3px; }
.mc .destaque-resumo { font-size: 16px; color: var(--cor-texto-suave); }
.mc .botao-ler { position: relative; z-index: 1; font-weight: 800; }
.mc .chips { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin: var(--esp-3) 0; padding: 0; list-style: none; }
.mc .chip { display: inline-flex; align-items: center; gap: var(--esp-1); padding: 2px var(--esp-3); border-radius: var(--raio-pill); background: var(--cor-superficie); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mc .chip b { color: var(--cor-texto); font-weight: 600; }
.mc .lista { margin: var(--esp-4) 0; padding: 0; list-style: none; }
.mc .lista > li { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 0 var(--esp-4); margin-bottom: var(--esp-3); padding: var(--esp-4); transition: box-shadow var(--duracao-rapida) var(--curva-saida); }
.mc .lista > li:hover { box-shadow: var(--sombra-elevada); }
.mc .data-bloco { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; width: 54px; height: 58px; border-radius: var(--raio-md); background: var(--cor-superficie-destaque); color: var(--cor-texto-sobre-destaque-suave); font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.mc .data-bloco b { font-size: 22px; line-height: 1; color: var(--cor-texto-sobre-destaque-forte); }
.mc .item-corpo { min-width: 0; }
.mc .item-corpo > a { display: block; text-decoration: none; }
.mc .item-corpo > a::after { content: ""; position: absolute; inset: 0; border-radius: var(--raio-lg); }
.mc .lista time { display: block; font-size: 13px; font-weight: 600; color: var(--cor-texto-suave); }
.mc .lista strong { display: block; margin-top: 2px; font-size: 17px; line-height: 1.35; }
.mc .lista ul:not(.chips) { margin: var(--esp-2) 0 0; padding-left: var(--esp-4); font-size: 14.5px; color: var(--cor-texto-suave); }
.mc .lista .chips { grid-column: 1 / -1; margin: var(--esp-3) 0 0; }
.mc .meses { display: flex; flex-wrap: wrap; gap: var(--esp-2); padding: 0; list-style: none; }
.mc .meses a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--esp-4); border: 1.5px solid var(--cor-titulo); border-radius: var(--raio-pill); font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color var(--duracao-rapida) var(--curva-saida); }
.mc .meses a:hover { background: var(--cor-titulo); color: var(--cor-texto-sobre-destaque-forte); }
.mc .sobre-autora { display: flex; align-items: flex-start; gap: var(--esp-4); margin-top: var(--esp-8); padding: var(--esp-6); }
.mc .sobre-autora img { width: 72px; height: 72px; flex-shrink: 0; border-radius: 50%; object-fit: cover; }
.mc .sobre-autora h2 { margin: 0 0 var(--esp-2); font-size: 20px; }
.mc .sobre-autora p { margin: 0 0 var(--esp-2); font-size: 15.5px; }
.mc .sobre-autora a { font-weight: 700; }

/* ---------- Página da Raquel ---------- */
.mc .perfil { display: flex; align-items: center; gap: var(--esp-4); margin: var(--esp-6) 0 var(--esp-4); }
.mc .perfil h1 { margin: 0 0 var(--esp-1); }
.mc .perfil img { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; }
.mc .perfil .cargo { margin: 0; font-weight: 600; color: var(--cor-texto-suave); }
.mc .contatos { display: flex; flex-wrap: wrap; gap: var(--esp-3); }

/* ---------- Home ---------- */
.mc .beneficios { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--esp-3); margin: var(--esp-8) 0 0; padding: 0; list-style: none; }
.mc .beneficio { display: flex; flex-direction: column; gap: var(--esp-3); padding: var(--esp-4); }
.mc .bolha { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--cor-superficie-destaque); color: var(--cor-acao); }
.mc .beneficio h2 { margin: 0 0 var(--esp-1); font: var(--tipo-titulo-3); letter-spacing: var(--tipo-titulo-3-letter-spacing); }
.mc .beneficio p { margin: 0; font: var(--tipo-pequeno); color: var(--cor-texto-suave); }
.mc .ultimo { margin-top: var(--esp-8); }
.mc .ultimo .cartao { padding: var(--esp-6) var(--esp-4); }
.mc .ultimo .kicker { display: block; }
.mc .ultimo h2 { margin: var(--esp-2) 0 var(--esp-3); font: var(--tipo-titulo-3); font-size: 20px; letter-spacing: var(--tipo-titulo-3-letter-spacing); }
.mc .ultimo h2 a { text-decoration: none; }
.mc .ultimo ul { margin: 0 0 var(--esp-3); padding-left: var(--esp-4); font: var(--tipo-corpo); color: var(--cor-texto-suave); }
.mc .ultimo-nota { margin: 0; font: var(--tipo-pequeno); color: var(--cor-texto-suave); }
.mc .ultimo-nota a { font-weight: 700; white-space: nowrap; }
.mc .sobre { margin-top: var(--esp-12); }
.mc .sobre-topo { display: flex; align-items: center; gap: var(--esp-4); margin: var(--esp-3) 0 var(--esp-4); }
.mc .sobre-topo h2 { margin: 0; }
.mc .avatar { width: 96px; height: 96px; flex-shrink: 0; border-radius: 50%; object-fit: cover; }
.mc .role { margin: var(--esp-1) 0 0; font: var(--tipo-pequeno); font-weight: 600; color: var(--cor-texto-suave); }
.mc .final { margin-top: var(--esp-12); padding: var(--esp-12) 0; text-align: center; }
.mc .final h2 { margin: 0 0 var(--esp-3); }
.mc .final .sub { max-width: 460px; margin: 0 auto var(--esp-6); }
.mc .contato { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--esp-3); margin-top: var(--esp-8); }
.mc .contato a { display: inline-flex; align-items: center; gap: var(--esp-2); min-height: 44px; padding: 0 var(--esp-4); border: 1.5px solid var(--cor-texto-sobre-destaque-suave); border-radius: var(--raio-pill); color: var(--cor-texto-sobre-destaque-forte); font-size: 14px; font-weight: 600; text-decoration: none; }
.mc .contato svg { width: 20px; height: 20px; flex-shrink: 0; }
.mc .contato a:hover { border-color: var(--cor-texto-sobre-destaque-forte); }
.mc .sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: none; padding: var(--esp-3) var(--esp-4) calc(var(--esp-3) + env(safe-area-inset-bottom)); border-top: 1px solid var(--cor-borda); background: var(--cor-superficie); transform: translateY(110%); transition: transform var(--duracao-media) var(--curva-saida); }
.mc .sticky-cta.show { transform: none; }
.mc .sticky-cta .cta-wa { width: 100%; }

@media (max-width: 760px) {
  .mc .sticky-cta { display: block; }
  body.mc.has-sticky .rodape { padding-bottom: 104px; }
}
@media (max-width: 600px) {
  .mc .beneficios { grid-template-columns: 1fr; }
  .mc .beneficio { flex-direction: row; align-items: center; }
  .mc .edicoes { grid-template-columns: 1fr; }
  .mc .edicoes .prox { text-align: left; }
  .mc .perfil, .mc .sobre-autora { flex-direction: column; align-items: flex-start; }
  .mc .cotacoes { grid-template-columns: repeat(2, 1fr); }
  .mc .cotacao .valor { font-size: 17px; }
  .mc .data-bloco { width: 46px; height: 52px; }
  .mc .lista > li { gap: 0 var(--esp-3); padding: var(--esp-3); }
  .mc .compartilhar > span { display: none; }
  .mc .cheguei-acoes > a { flex: 1 1 100%; justify-content: center; }
  .mc .leitor-fiel-acoes > * { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mc *, .mc *::before, .mc *::after { animation: none !important; transition: none !important; }
}