/* Lívia Fiorentino — widget resultados (estilos do bloco; a base está em lf-base.css) */
.lf-resultados { background: #fff; display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 700px); justify-content: center; gap: clamp(36px, 6vw, 90px); align-items: center; padding: clamp(90px, 10vw, 130px) var(--lf-margem); }
.lf-resultados h2 { font-weight: 300; text-transform: uppercase; letter-spacing: .04em; }
.lf-resultados__texto > p:not(.lf-rotulo) { color: var(--lf-texto-2); margin: 20px 0 28px; }
.lf-antesdepois__quadro { position: relative; aspect-ratio: 2.2; overflow: hidden; border-radius: var(--lf-raio); --pos: 50%; background: var(--lf-areia); }
.lf-antesdepois__img { position: absolute; inset: 0; background-size: 127% auto; background-repeat: no-repeat; }
.lf-antesdepois__img--antes { background-position: center top; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.lf-antesdepois__img--depois { background-position: center bottom; }
.lf-antesdepois__tag { position: absolute; top: 16px; font-size: 10.5px; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; padding: 6px 12px; border-radius: 99px; background: rgba(255, 255, 255, .9); }
.lf-antesdepois__tag--a { left: 16px; }
.lf-antesdepois__tag--d { right: 16px; }
.lf-antesdepois__alca { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 1px; background: #fff; pointer-events: none; }
.lf-antesdepois__alca span { position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid #fff; background: rgba(255, 255, 255, .2); backdrop-filter: blur(6px); color: #fff; display: grid; place-items: center; font-size: 17px; }
.lf-antesdepois__quadro input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; }
@media (max-width: 860px) {
  .lf-resultados { grid-template-columns: 1fr; }
}
/* Duas fotos separadas (antes / depois), cada uma cobrindo o quadro */
.lf-antesdepois__quadro--separada { aspect-ratio: 16 / 10; }
.lf-antesdepois__quadro--separada .lf-antesdepois__img { background-size: cover; background-position: center; }