/* === Componentes BRAVAH — Mockup do App (anti-stretch) === */
.device{
  position:relative;
  width:clamp(260px, 32vw, 360px);
  aspect-ratio:9/19.5;
  padding:12px;
  border-radius:34px;
  background:linear-gradient(180deg, rgba(245,248,255,.85), rgba(230,235,248,.78));
  border:1px solid rgba(173,188,255,.22);
  box-shadow:0 28px 80px rgba(10,16,36,.45);
  transform:rotate(-6deg) translateY(6px);
}

.device > img{
  position:absolute;
  inset:12px;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:26px;
}

/* Garantias globais de imagem responsiva sem distorção */
img{width:auto;max-width:100%;height:auto;display:block;}

/* Respiro elegante antes do rodapé em todas as páginas */
main{padding-bottom:clamp(48px,6vw,84px);}

footer.foot{
  margin-top:clamp(32px,4vw,56px);
  padding-top:clamp(36px,5vw,64px);
}

main > section:last-of-type{padding-bottom:clamp(36px,4.6vw,56px);}