/* Lívia Fiorentino — widget experiencia (estilos do bloco; a base está em lf-base.css) */
.lf-passos { padding: clamp(90px, 10vw, 130px) var(--lf-margem); }
.lf-passos .lf-cabeca h2 { font-weight: 300; }
.lf-passos__lista { list-style: none; max-width: var(--lf-largura); margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.lf-passos__lista li { background: #fff; border-radius: var(--lf-raio); padding: 30px 26px; box-shadow: 0 24px 50px -40px rgba(42, 45, 42, .35); }
.lf-passos__lista span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--lf-rosa); color: var(--lf-rosa-forte); font-family: var(--lf-serifa); font-size: 1.5rem; font-style: italic; line-height: 1; margin-bottom: 20px; }
.lf-passos__lista b { display: block; font-family: var(--lf-serifa); font-size: 1.5rem; font-weight: 500; line-height: 1.15; margin-bottom: 8px; }
.lf-passos__lista p { margin: 0; font-size: 15px; color: var(--lf-texto-2); line-height: 1.6; }
@media (max-width: 860px) {
  .lf-passos__lista { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .lf-passos__lista { grid-template-columns: 1fr; gap: 30px; }
}