/* ============================================================
   somado · avulsos.css
   ============================================================ */

.hero-mini {
  background:
    radial-gradient(900px 400px at 80% -20%, #FFF1E2 0%, transparent 60%),
    linear-gradient(180deg, #fff 0%, var(--color-bg-alt) 100%);
  padding-block: var(--sp-8) var(--sp-6);
  text-align: center;
}
.hero-mini__inner { max-width: 720px; margin-inline: auto; }
.hero-mini h1 { font-size: var(--fs-2xl); margin-block: 0.3rem var(--sp-2); }
.hero-mini__sub { font-size: var(--fs-lg); color: var(--navy-800); margin-bottom: var(--sp-2); }
.hero-mini__sub strong { color: var(--orange-600); }
.hero-mini__ctx { color: var(--color-text-muted); font-size: var(--fs-sm); max-width: 56ch; margin-inline: auto; }

/* Cards de avulso */
.avulsos { align-items: stretch; }
.avulso {
  position: relative;
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.avulso:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.avulso--featured { border: 2px solid var(--orange-500); box-shadow: var(--shadow-orange); }
.avulso .imgph { border: none; border-bottom: 2px dashed var(--orange-400); border-radius: 0; }
.avulso__body { padding: var(--sp-3); display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.avulso__name { font-size: var(--fs-lg); font-weight: var(--fw-extrabold); color: var(--navy-900); }
.avulso__price { font-size: var(--fs-xl); font-weight: var(--fw-extrabold); color: var(--orange-600); }
.avulso__price small { display: inline-block; font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--color-success); background: #E7F6EE; padding: 0.2rem 0.5rem; border-radius: var(--radius-pill); vertical-align: middle; margin-left: 0.4rem; }
.avulso__lead { font-size: var(--fs-sm); color: var(--navy-900); }
.avulso__desc { font-size: var(--fs-sm); color: var(--color-text-muted); }
.avulso__list { margin-block: 0.4rem; }
.avulso__list li { font-size: var(--fs-sm); }
.avulso__prazo { display: flex; align-items: center; gap: 0.4rem; font-size: var(--fs-sm); color: var(--navy-700); font-weight: var(--fw-semibold); margin-top: auto; padding-top: var(--sp-1); }
.avulso__prazo svg { width: 18px; height: 18px; color: var(--orange-500); }
.avulso .btn { margin-top: 0.6rem; }

.avulso-when { text-align: center; }
.avulso-when h2 { margin-bottom: var(--sp-2); }
.avulso-when p { color: var(--color-text-muted); margin-bottom: var(--sp-2); }

/* reusa cta-final do home.css? não — definir aqui (avulsos não carrega home.css) */
.cta-final { background: var(--navy-900); }
.cta-final__inner { text-align: center; color: #fff; }
.cta-final__inner h2 { color: #fff; margin-bottom: var(--sp-2); }
.cta-final__inner p { color: #C5CEE3; margin-bottom: var(--sp-2); }
.cta-final__inner .btn { margin-top: var(--sp-2); }
.cta-final__reinforce { font-size: var(--fs-sm); margin-top: var(--sp-3) !important; }