/* =========================================================
   Beatriz Vieira Advocacia — landing-add.css
   Extensão mínima ao styles.css original, apenas para os
   componentes que as landing pages precisam e o site institucional
   ainda não tinha. Não sobrescreve nada do arquivo original.
   ========================================================= */

.bloco{ padding: var(--space-6) 0; }
.bloco + .bloco{ border-top: 1px solid rgba(32,13,9,0.1); }

.hero--landing .hero__inner{ display:block; }
.hero--landing .hero__lead{ max-width: 56ch; }

.quote-bloco{
  background: var(--c-beige);
  border-left: 3px solid var(--c-red);
  padding: 1.6rem 2rem;
  margin: var(--space-3) 0 0;
}
.quote-bloco p{ color: var(--c-brown); margin: 0; }

.cta-mid{
  background: var(--c-beige);
  padding: var(--space-4) 0;
  text-align: center;
}
.cta-mid p{
  max-width: 52ch;
  margin: 0 auto var(--space-2);
  color: var(--c-brown);
  font-size: 1.05rem;
}

.about-bloco{
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: var(--space-4);
  align-items: center;
}
.about-bloco img{
  border-radius: var(--radius);
  aspect-ratio: 2/3;
  object-fit: cover;
  width: 100%;
}
.about-bloco ul{
  margin: var(--space-2) 0 0;
  padding-left: 1.1rem;
  color: var(--c-muted);
}
.about-bloco li{ margin-bottom: 0.4rem; }
@media (max-width: 880px){
  .about-bloco{ grid-template-columns: 1fr; }
  .about-bloco img{ max-width: 280px; margin: 0 auto; }
}

.related-links{
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.5rem;
}
.related-links a{
  font-size: 0.92rem;
  text-decoration: none;
  color: var(--c-ink);
  background: var(--c-beige);
  padding: 0.55rem 1rem;
  border-radius: var(--radius);
  border: 1px solid rgba(32,13,9,0.14);
}
.related-links a:hover{ border-color: var(--c-red); }

.checklist-final p{ color: var(--c-brown); }