/* Lívia Fiorentino — widget capa (estilos do bloco; a base está em lf-base.css) */
.lf-capa { position: relative; height: 100vh; min-height: 640px; max-height: 1000px; display: grid; place-items: center; overflow: hidden; color: #fff; text-align: center; isolation: isolate; background: var(--lf-tinta); }
.lf-capa__texto { padding: 0 var(--lf-margem); }
.lf-capa__pre { margin: 0 0 18px; font-size: 13px; font-weight: 400; letter-spacing: .3em; text-transform: uppercase; opacity: .9; }
.lf-capa h1 { font-size: clamp(3rem, 7vw, 7.2rem); font-weight: 400; line-height: 1; text-transform: uppercase; letter-spacing: .05em; }
.lf-capa__areas { list-style: none; padding: 0; margin: 30px 0 40px; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 0; font-family: var(--lf-serifa); font-size: clamp(1rem, 1.5vw, 1.25rem); letter-spacing: .16em; text-transform: uppercase; }
.lf-capa__areas li + li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 22px; border: 1px solid currentColor; border-radius: 50%; vertical-align: middle; opacity: .8; }
.lf-capa__botoes { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.lf-capa__rolar { position: absolute; left: 50%; bottom: 28px; width: 1px; height: 54px; background: rgba(255, 255, 255, .35); overflow: hidden; }
.lf-capa__rolar span { position: absolute; left: 0; top: -50%; width: 1px; height: 50%; background: #fff; animation: lf-desce 2.2s var(--lf-ease) infinite; }
@keyframes lf-desce {to { top: 100%; }}
@media (max-width: 860px) {
  .lf-capa { min-height: 600px; height: 92vh; }
  .lf-capa__fotos { grid-template-columns: 1fr 1fr; grid-auto-flow: row; grid-template-rows: 1fr 1fr; }
  .lf-capa h1 span { display: block; }
  .lf-capa__areas li + li::before { margin: 0 12px; }
}
@media (max-width: 560px) {
  .lf-capa__botoes .lf-botao { width: 100%; }
  .lf-capa__areas { gap: 4px 20px; }
  .lf-capa__areas li + li::before { display: none; }
}