/* Cierre: "Nos vemos arriba".
   Parte de styles/ — se cargan en orden desde index.html. */

.cierre {
  min-height: 70svh;
  display: grid; place-content: center; justify-items: center; gap: 1.75rem;
  padding: clamp(4rem, 10vh, 7rem) var(--bleed); text-align: center;
}
.cierre__mark { width: min(260px, 70vw); height: auto; }
.cierre__frase {
  margin: 0;
  font-family: var(--display); font-variation-settings: 'wdth' 125;
  font-weight: 900; font-size: clamp(2.2rem, 9vw, 6rem);
  text-transform: uppercase; letter-spacing: -.03em; line-height: .9;
}
.cierre__acciones { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; }

@media (max-width: 780px) {
  .cierre { min-height: 55svh; }
}