/* Lívia Fiorentino — widget essencia (estilos do bloco; a base está em lf-base.css) */
.lf-essencia { max-width: var(--lf-largura); margin: 0 auto; padding: clamp(90px, 10vw, 130px) var(--lf-margem) clamp(90px, 10vw, 130px); }
.lf-essencia__topo { display: grid; grid-template-columns: 1.05fr .95fr; gap: 30px clamp(40px, 6vw, 90px); align-items: end; margin-bottom: clamp(40px, 5vw, 60px); }
.lf-essencia__texto p { margin: 0 0 26px; color: var(--lf-texto-2); font-size: 17px; }
.lf-essencia__acoes { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.lf-bento { display: grid; grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: auto auto; gap: 16px; }
.lf-bento__foto { grid-row: span 2; position: relative; min-height: 460px; border-radius: var(--lf-raio); overflow: hidden; color: #fff; }
.lf-bento__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--lf-ease); }
.lf-bento__foto:hover img { transform: scale(1.05); }
.lf-bento__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(28, 30, 27, .7) 100%); }
.lf-bento__foto figcaption { position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 1; }
.lf-bento__foto span { display: inline-block; padding: 6px 14px; border-radius: 99px; background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .4); backdrop-filter: blur(8px); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.lf-bento__foto b { display: block; margin-top: 12px; font-family: var(--lf-serifa); font-size: clamp(1.6rem, 2.2vw, 2rem); font-weight: 400; line-height: 1.15; }
.lf-bento__card { position: relative; border-radius: var(--lf-raio); padding: 28px 26px 26px; display: flex; flex-direction: column; min-height: 220px; transition: transform .5s var(--lf-ease); }
.lf-bento__card:hover { transform: translateY(-4px); }
.lf-bento__card i { position: absolute; top: 22px; right: 22px; width: 46px; height: 46px; border-radius: 50%; background: rgba(255, 255, 255, .75); display: grid; place-items: center; }
.lf-bento__card svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.lf-bento__card b { margin-top: auto; font-family: var(--lf-serifa); font-size: clamp(2.2rem, 3vw, 2.8rem); font-weight: 400; line-height: 1; }
.lf-bento__card span { margin-top: 6px; font-size: 11.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; opacity: .75; }
.lf-bento__card p { margin: 12px 0 0; font-size: 14.5px; line-height: 1.5; opacity: .85; }
.lf-bento__card--verde { background: var(--lf-verde-escuro); color: #fff; }
.lf-bento__card--verde i { background: rgba(255, 255, 255, .14); }
.lf-bento__card--rosa { background: #f6e1e3; color: #6d3a45; }
.lf-bento__card--azul { background: #e2ecf2; color: #33495a; }
.lf-bento__card--areia { background: #ece5da; color: #574b3e; }
@media (max-width: 860px) {
  .lf-essencia__topo { grid-template-columns: 1fr; }
  .lf-bento { grid-template-columns: 1fr 1fr; }
  .lf-bento__foto { grid-column: 1 / -1; grid-row: auto; min-height: 340px; }
}
@media (max-width: 560px) {
  .lf-bento { grid-template-columns: 1fr; }
  .lf-bento__card { min-height: 180px; }
}