/* Página de capa do HV Geo (hvgeo.com.br). Estático, servido pelo nginx do WebGIS.
   O visual vem de home.css (cópia do Home.css da capa do HV Tributário, escopado em .hv-home);
   aqui só o que o React app punha em volta (reset e fontes) e os ajustes do HV Geo. */

@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('../fontes/montserrat-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Nunito Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url('../fontes/nunito-sans-latin-wght-normal.woff2') format('woff2-variations');
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #f3f6f4; }
button { cursor: pointer; font: inherit; }

/* Daltonismo verde/vermelho: o lote com problema também se distingue pelo tracejado, não só pela cor */
.hv-mapa-lote--construcao { stroke-dasharray: 6 4; }
.hv-mapa-lote--loteamento { fill: #fbe7a8; stroke: #d8a400; stroke-width: 2.5; stroke-dasharray: 2 3; }
.hv-tela-selo--loteamento { background: #fdf0c4; color: #7a5a00; }

/* Só dois vídeos: a lista fica com duas colunas nas telas médias */
@media (max-width: 1180px) {
  .hv-videos-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .hv-videos-lista { grid-template-columns: 1fr; }
}

/* Botão direto para o sistema na barra */
.hv-topo-acoes .hv-btn--verde { min-height: 48px; }
@media (max-width: 600px) {
  .hv-topo-acoes .hv-btn { padding: 0 14px; font-size: 0.9375rem; }
  .hv-topo-acoes .hv-rotulo-longo { display: none; }
  .hv-topo-acoes .hv-rotulo-curto { display: inline; }
}

/* O cartão do HV Tributário aqui é a integração, não um produto à venda nesta página */
.hv-produto--tributario .hv-produto-def { max-width: 44ch; }