/* ============================================================
   Ajustes só da LP provisória.
   Tudo o mais vem de tokens.css + style.css, iguais aos do site.
   ============================================================ */

/* header sem menu: logo de um lado, Instagram do outro */
.header--lp .header__inner { justify-content: space-between; }
.header--lp .header__logo img { width: 168px; }

/* a LP não tem barra fixa embaixo no celular */
.dock { display: none !important; }

/* onde vamos estar */
.lp-estados { display:grid; gap:16px; grid-template-columns:1fr; max-width:660px; margin-inline:auto; }
@media (min-width: 620px){ .lp-estados { grid-template-columns: repeat(2,1fr); } }
.lp-estado { text-align:center; padding:30px 22px; border-radius: var(--dm-radius-lg);
  background: rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter: var(--dm-glass-blur-soft); backdrop-filter: var(--dm-glass-blur-soft); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .lp-estado { background: rgba(255,255,255,.14); }
}
.lp-estado strong { display:block; font-family: var(--dm-font-brand); font-weight:800;
  font-size: clamp(1.5rem, 3vw, 2rem); color:#fff; letter-spacing:-.01em; }
.lp-estado span { display:block; margin-top:6px; font-size: var(--dm-text-sm); color: rgba(255,255,255,.78); }

/* rodapé de uma coluna só */
.footer--lp .footer__top { grid-template-columns: 1fr; }
.footer--lp .footer__brand p { max-width: 46ch; }
.footer--lp .footer__bottom { flex-wrap: wrap; gap: 10px; }

/* ---- página de "em breve" ---- */
.lp-badge { margin-bottom:18px; }
.lp-chamada { color: var(--dm-red-300); }
.lp-aviso { background: var(--dm-neutral-50); border-bottom:1px solid var(--dm-border); padding-block:22px; }
/* display:block, não flex — com flex cada <span> inline do texto vira um item
   e a frase quebra em colunas. O ícone entra como inline-block no começo. */
.lp-aviso__texto { margin:0 auto; display:block; max-width:70ch; text-align:center;
  font-size: var(--dm-text-lg); color: var(--dm-neutral-600); }
.lp-aviso__texto svg { width:20px; height:20px; color: var(--dm-red-500);
  display:inline-block; vertical-align:-4px; margin-right:8px; }
@media (max-width: 560px){ .lp-aviso__texto { font-size: var(--dm-text-base); } }