/* Base compartilhada do blog do Minha Sementinha — mesma paleta e tipografia
   do protótipo aprovado. Cada página soma um bloco <style> próprio quando
   precisa de regra específica. */

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #FDF7EF;
  color: #3E5347;
  font-family: 'Nunito Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
a { color: #306048; }
a:hover { color: #C96A72; }
::selection { background: #F0A8A8; color: #33272A; }

/* ícones Material Symbols Rounded (o site já carrega esta fonte na home,
   com a mesma URL — o navegador reaproveita o cache) */
.ms {
  font-family: 'Material Symbols Rounded';
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
}

@keyframes msUp {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}

/* botão rosa (CTA) — fundo na classe para o :hover vencer o estilo inline */
.btn-rosa {
  background: #E48892;
  color: #FFFFFF;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-weight: 800;
  box-shadow: 0 10px 22px -10px rgba(201, 106, 114, .6);
}
.btn-rosa:hover { background: #D97883; color: #FFFFFF; }

/* cartões que levantam no hover */
.lift { transition: transform .2s, box-shadow .2s; }
.lift-verde:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -22px rgba(72, 113, 63, .35); }
.lift-rosa:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -24px rgba(201, 106, 114, .3); }
.lift-suave:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -22px rgba(48, 96, 72, .3); }

/* cartão branco padrão; a borda fica na classe para o hover funcionar */
.card-branco { background: #FFFFFF; border: 1px solid #F0E6D8; }
a.card-branco:hover { border-color: #DDE9CE; }

/* chips da grade de semanas */
.chip-semana {
  text-decoration: none;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid #F0E6D8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14.5px;
  font-weight: 800;
  color: #306048;
}
a.chip-semana:hover { background: #EFF5E7; border-color: #DDE9CE; color: #2A5240; }
.chip-semana.em-breve { opacity: .45; cursor: default; }

/* chips menores do sumário lateral dos artigos */
.chip-mini {
  text-decoration: none;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: #FDF7EF;
  border: 1px solid #F0E6D8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  color: #306048;
}
a.chip-mini:hover { background: #EFF5E7; border-color: #DDE9CE; color: #2A5240; }
.chip-mini.em-breve { opacity: .45; cursor: default; }
.chip-mini.atual { background: #2A5240; border-color: #2A5240; color: #FFFFFF; }

/* links do sumário "Neste artigo" */
.toc-link { text-decoration: none; color: #54685B; }
.toc-link:hover { color: #C96A72; }

/* links de rodapé de cartão ("Ver as 40 semanas →" etc.) */
.link-verde { text-decoration: none; color: #306048; }
.link-verde:hover { color: #C96A72; }
.link-flora { text-decoration: none; color: #63508C; }
.link-flora:hover { color: #8B72B2; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}
@media (max-width: 900px) {
  [data-deco] { display: none; }
  [data-nav-hide] { display: none; }
}
@media (max-width: 980px) {
  .artigo-grid { grid-template-columns: 1fr !important; }
  .sumario { position: static !important; top: auto !important; }
  .calc-grid { grid-template-columns: 1fr !important; }
  .ferramentas-grid { grid-template-columns: 1fr !important; }
}