/* Close + footer. The page's last word mirrors its first: a centred headline
   whose second line is blue (like the hero), the same blue pill, on the dotted
   ground of the scenes, with the Vibilog piece at rest as the signature. The
   band runs the full width of the page; the footer under it is a real footer
   (what we are, contact, legal), not a second header.
   Replaces the full-bleed saturated blue with the giant cropped «vibilog.»,
   which Alberto read as «un periódico digital». */
.close{position:relative;isolation:isolate;background:#e3eaf6;overflow:hidden}
/* the dotted ground of the scenes (.film-stage::before), on purpose: same surface as the films */
.close::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#c6d2e8 .8px,transparent 1px);background-size:22px 22px;background-position:11px 11px}
.close-in{display:grid;justify-items:center;text-align:center;padding-block:110px 116px}
.close-vb{position:relative;width:76px;border-radius:20px;box-shadow:inset 0 0 0 3px #c9d7f5,0 18px 36px -18px #243f7370;margin-bottom:34px}
.close h2{font-size:clamp(40px,5.4vw,76px);line-height:1;letter-spacing:-.045em;font-weight:650;margin:0;text-wrap:balance}
.close h2 span{color:var(--blue)}
.close p{margin:22px 0 0;max-width:520px;font-size:18px;color:var(--muted)}
.close-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:34px}
.close-mail{padding-bottom:2px;border-bottom:1px solid currentColor;font-size:15px;font-weight:500;color:var(--ink)}
.close-mail:hover{color:var(--blue)}

.footer{font-size:14px;color:var(--muted)}
.footer-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px 48px;padding-block:64px 52px}
.footer-about p{max-width:300px;margin:14px 0 0;line-height:1.55}
.footer-col{display:grid;align-content:start;justify-items:start;gap:11px}
.footer-col h2{margin:0 0 4px;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.footer-col a:hover{color:var(--blue)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;border-top:1px solid var(--line);padding-block:22px 30px;font-size:13px}
.footer-bottom p{margin:0}

@media(max-width:800px){
  .close-in{padding-block:64px 70px}
  .close-vb{width:60px;border-radius:16px;margin-bottom:26px}
  .close h2{font-size:clamp(28px,7.6vw,44px);line-height:1.1}
  .close p{font-size:16px}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:48px 36px}
  .footer-about{grid-column:1/-1}
}