/* ==========================================================================
   Secao 11, fechamento (TopLine "Fechamento"). Dono: agente GOOGLE.
   Foto em tela cheia com parallax suave, veu grafite SOLIDO (sem degrade), frase que acende com a rolagem (data-light),
   botao lima (o unico lima da tela) e telefone grande. O rodape da BASE vem logo depois.
   ========================================================================== */
.final{
  position:relative; isolation:isolate; overflow:hidden; display:grid; align-items:center;
  min-height:clamp(560px,84svh,800px); padding-block:clamp(88px,11vw,160px); background:var(--profundo);
}
.final__bg{ position:absolute; inset:-10% 0; z-index:-2 }
.final__bg picture,.final__bg img{ display:block; width:100%; height:100% }
.final__bg img{ object-fit:cover; object-position:50% 46% }
.final__veil{ position:absolute; inset:0; z-index:-1; background:rgba(28,28,27,.72) }
.final__in{ position:relative }
.final__h{ max-width:13em } /* tamanho do H2 e o unico da pagina (contrato): a escala vem da foto, do botao e do telefone */
.final__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:18px clamp(24px,3vw,44px); margin-top:clamp(32px,3.6vw,52px) }
.final__tel{ display:inline-flex; align-items:center; gap:14px; min-height:56px; font-size:clamp(24px,2.5vw,34px); font-weight:600; letter-spacing:-.04em; text-decoration:none }
.final__ti{ display:grid; place-items:center; width:48px; height:48px; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55); transition:background-color .3s, transform .4s var(--ease-out) }
.final__ti .i{ width:19px; height:19px }
.final__tel:hover .final__ti{ background:rgba(255,255,255,.14); transform:rotate(-10deg) scale(1.06) }
.final__tel>span:last-child{ background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat; transition:background-size .4s var(--ease-out); padding-bottom:2px }
.final__tel:hover>span:last-child{ background-size:100% 1px }
@media (max-width:759px){
  .final{ min-height:0; padding-block:96px 104px }
  .final__bg{ inset:-4% 0 }
  .final__acts{ flex-direction:column; align-items:flex-start }
  .final__acts .btn{ width:100% }
}