/* IA7 Auto — complementos do styles.css (mesma identidade do imobi) */
.marca-nicho {
  font: 500 .8rem var(--f-mono); font-style: normal; letter-spacing: .08em; text-transform: uppercase;
  color: var(--tinta); background: var(--papel-azul); border: 1px solid var(--linha); border-radius: 6px;
  padding: 2px 7px; margin-left: 2px; align-self: center;
}

/* Herói em duas colunas: texto + conversa */
.heroi-auto { text-align: left; }
.heroi-grade { display: grid; grid-template-columns: 1.1fr 420px; gap: 64px; align-items: start; }
.heroi-texto { padding-top: 48px; }
.heroi-auto h1 { margin-inline: 0; max-width: 15ch; }
.heroi-auto .sub { margin-inline: 0; }
.heroi-auto .ctas, .heroi-auto .garantias { justify-content: flex-start; }
.celular-heroi { box-shadow: 0 40px 100px rgba(20, 24, 43, .28), inset 0 0 0 2px rgba(255, 255, 255, .08); }

.lista-larga { margin-top: 48px; grid-template-columns: 1fr 1fr; column-gap: 56px; }

@media (max-width: 1020px) {
  .heroi-grade { grid-template-columns: 1fr; gap: 44px; }
  .celular-heroi { max-width: 400px; margin-inline: auto; }
  .heroi-texto { padding-top: 0; }
  .lista-larga { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .heroi-auto { text-align: left; }
}