/* Tipografia dos artigos do blog (o Tailwind do site não tem o plugin de prosa). */
.font-body { font-family: 'Nunito', system-ui, sans-serif; }
.font-display { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif; }

.artigo { color: #d6cbc8; font-size: 1.0625rem; line-height: 1.75; }
.artigo h1 { color: #fff; }
.artigo p { margin: 0 0 1.1em; }
.artigo h2 { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif; color: #fff; font-size: 1.6rem; line-height: 1.25; font-weight: 600; margin: 2.2em 0 0.7em; }
.artigo h3 { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif; color: #fff; font-size: 1.2rem; font-weight: 600; margin: 1.6em 0 0.5em; }
.artigo strong { color: #fff; }
.artigo em { color: #ffb648; font-style: normal; }
.artigo a { color: #ff8098; text-decoration: underline; text-underline-offset: 3px; }
.artigo a:hover { color: #fff; }
.artigo ul, .artigo ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.artigo ul { list-style: disc; }
.artigo ol { list-style: decimal; }
.artigo li { margin: 0.45em 0; padding-left: 0.2em; }
.artigo li::marker { color: #e8384f; font-weight: 700; }
.artigo-capa { display: block; width: 220px; height: 220px; object-fit: contain; margin: 0 auto 2.2rem; border-radius: 28px; background: #2b0f12; padding: 18px; }

.cta-app { margin: 2.4rem 0; border-radius: 28px; padding: 26px 24px; background: linear-gradient(135deg, #3a1216, #1f0b0e); border: 1px solid rgba(232, 56, 79, 0.35); }
.cta-app .cta-kicker { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #ffb648; margin: 0 0 8px; }
.cta-app .cta-titulo { font-family: 'Fredoka', 'Nunito', system-ui, sans-serif; color: #fff; font-size: 1.45rem; line-height: 1.25; font-weight: 600; margin: 0 0 10px; }
.cta-app .cta-texto { color: #c7b2ab; font-size: 0.95rem; line-height: 1.6; margin: 0 0 18px; }
.cta-app .cta-texto strong { color: #fff; }
.cta-app .cta-botao { display: inline-block; background: #e8384f; color: #fff; font-weight: 700; text-decoration: none; padding: 13px 22px; border-radius: 999px; font-size: 0.95rem; }
.cta-app .cta-botao:hover { background: #d13048; color: #fff; }