/* Blog e artigos da Leonora — usa as cores e fontes de site.css */
.topo--blog { position: absolute; }
.artigo__hero, .blog__hero { position: relative; overflow: hidden; padding: 110px 0 60px; color: #ead9e3;
  background: radial-gradient(120% 90% at 50% 0%, #4a1a40 0%, var(--ameixa) 55%, #1a0916 100%); }
.artigo__hero::before, .blog__hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(247,168,203,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(247,168,203,.07) 1px, transparent 1px);
  background-size: 44px 44px; -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000, transparent 75%); mask-image: radial-gradient(ellipse at 50% 30%, #000, transparent 75%); }
.artigo__hero > .wrap, .blog__hero > .wrap { position: relative; }
.artigo__hero .display, .blog__hero .display { color: #fff7fb; font-size: clamp(32px, 5.6vw, 52px); }
.artigo__hero .rotulo { color: var(--cor-ciclo, #f7a8cb); }
.blog__hero .rotulo { color: #f7a8cb; }
.blog__hero .mudo { color: #c9b1c0; max-width: 560px; margin: 14px auto 0; }
.migalhas { font-size: 13px; color: #c9b1c0; margin-bottom: 18px; }
.migalhas a { color: #e9d5e0; text-decoration: none; }
.migalhas a:hover { text-decoration: underline; }
.artigo__meta { margin: 18px 0 0; font-size: 14px; color: #c9b1c0; }
.artigo__meta b { color: #fff; font-weight: 600; }

.artigo__corpo { padding-top: 34px; padding-bottom: 70px; font-size: 18px; line-height: 1.75; color: var(--texto); }
.artigo__capa { width: 100%; height: auto; border-radius: 18px; margin: -10px 0 30px; box-shadow: 0 18px 44px rgba(42,15,36,.18); }
.artigo__corpo h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(25px, 3.4vw, 31px); color: var(--tinta); line-height: 1.2; margin: 46px 0 14px; }
.artigo__corpo p { margin: 0 0 18px; }
.artigo__corpo ul { margin: 0 0 20px; padding-left: 22px; }
.artigo__corpo li { margin-bottom: 8px; }
.artigo__corpo li::marker { color: var(--cor-ciclo, var(--ambar)); }
.resposta-rapida { position: relative; background: #fff; border: 1px solid var(--linha); border-radius: 18px; padding: 22px 24px 20px 26px; overflow: hidden; }
.resposta-rapida::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--lenco); }
.resposta-rapida b { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ambar); }
.resposta-rapida p { margin: 8px 0 0; font-size: 17px; color: var(--tinta); }
.artigo__cta { margin: 50px 0; padding: 30px 28px; border-radius: 22px; color: #ead9e3;
  background: radial-gradient(120% 120% at 100% 0%, #4a1a40, var(--ameixa) 60%, #1a0916); }
.artigo__cta .display { color: #fff7fb; margin: 0 0 8px !important; font-size: 28px !important; }
.artigo__cta p { color: #dcc6d3; font-size: 16px; }
.artigo__cta .btn--contorno { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.artigo__corpo .faq { font-size: 16px; }
.artigo__autora { display: flex; gap: 16px; align-items: center; margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--linha); font-size: 15px; line-height: 1.5; }
.artigo__autora img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid var(--ambar-claro); flex: none; }
.artigo__autora p { margin: 0; }

.grade-blog { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 24px; }
.cartao-blog { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linha); border-radius: 20px; overflow: hidden; text-decoration: none; color: var(--texto); transition: transform .2s, box-shadow .2s; }
.cartao-blog:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(42,15,36,.12); }
.cartao-blog img { width: 100%; height: auto; aspect-ratio: 1200/630; object-fit: cover; }
.cartao-blog__ciclo { margin: 18px 20px 0; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--cor-ciclo); }
.cartao-blog h2 { font-size: 22px; margin: 8px 20px 0; }
.cartao-blog p { margin: 10px 20px 0; font-size: 15px; color: var(--mudo); }
.cartao-blog time { margin: auto 20px 20px; padding-top: 14px; font-size: 13px; color: var(--mudo); }

.voltar-site { position: fixed; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 30; padding: 10px 16px; border-radius: 999px;
  background: rgba(42,15,36,.9); color: #fff; font-size: 14px; text-decoration: none; box-shadow: 0 10px 26px rgba(0,0,0,.2); }
.rascunho-aviso { position: sticky; top: 0; z-index: 50; background: #f7c948; color: #2a0f24; text-align: center; font: 600 13px/1 var(--sans); padding: 10px; }
.rodape a.discreto { color: #a8a29e; text-decoration: none; }
.rodape a.discreto:hover { color: var(--texto); text-decoration: underline; }