/* página inicial */
.hero { padding-top: var(--e-8); padding-bottom: var(--e-8); display: flex; flex-wrap: wrap; gap: var(--e-8); align-items: flex-end; }
@media (min-width: 1080px) { .hero { padding-top: var(--e-14); padding-bottom: var(--e-11); } }
.hero-texto { flex: 999 1 480px; min-width: 0; display: flex; flex-direction: column; gap: var(--e-4); }
.hero-texto h1 { max-width: 14ch; }
.hero-texto .lead { font-size: var(--t-corpo); line-height: 1.5; max-width: 600px; margin: 0; }
.hero-seletor { flex: 1 1 300px; min-width: 0; max-width: 460px; }
@media (max-width: 719px) { .hero { gap: var(--e-6); padding-top: var(--e-6); } .hero-seletor { max-width: none; } }

/* abertura: o título entra em blocos, linha por linha (400 ms, 16 px, sem quicar) */
@media (prefers-reduced-motion: no-preference) {
  .hero-texto > * { opacity: 0; transform: translateY(16px); animation: entra 400ms var(--curva) forwards; }
  .hero-texto > :nth-child(2) { animation-delay: 80ms; }
  .hero-texto > :nth-child(3) { animation-delay: 160ms; }
  .hero-seletor { opacity: 0; animation: entra 400ms var(--curva) 240ms forwards; }
  @keyframes entra { to { opacity: 1; transform: none; } }
}

.faixa-imagem { padding-bottom: var(--e-8); }
.faixa-imagem .imagem { border-radius: var(--r-bloco); }
@media (min-width: 1080px) { .faixa-imagem .imagem.prop-16-9 { aspect-ratio: 21 / 9; } }

.apresentacao { display: grid; gap: var(--e-6); grid-template-columns: 1fr; }
@media (min-width: 1080px) { .apresentacao { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--e-14); align-items: start; } }
.apresentacao .texto { max-width: var(--largura-leitura); }
.apresentacao .texto p:first-child strong { font-family: var(--f-display); font-weight: 900; font-stretch: 112%; text-transform: uppercase; font-size: var(--t-h2); letter-spacing: -0.02em; line-height: 1; display: block; margin-bottom: var(--e-3); text-align: left; hyphens: manual; }
.apresentacao .texto ul { list-style: none; padding: 0; margin: var(--e-3) 0 var(--e-5); counter-reset: item; border-top: 2px solid var(--qmq-line); }
.apresentacao .texto ul li { counter-increment: item; position: relative; padding: var(--e-4) 0 var(--e-4) 64px; margin: 0; border-bottom: 1px solid var(--qmq-line-2); }
.apresentacao .texto ul li::before { content: counter(item, decimal-leading-zero); position: absolute; left: 0; top: var(--e-4); font-family: var(--f-display); font-weight: 900; font-stretch: 112%; font-size: 30px; line-height: 1; letter-spacing: -0.02em; color: var(--qmq-ink); }
.apresentacao .texto ul li strong { display: block; font-family: var(--f-display); font-weight: 800; font-stretch: 112%; text-transform: uppercase; font-size: 18px; line-height: 1.15; letter-spacing: 0; margin-bottom: var(--e-2); text-align: left; hyphens: manual; }
@media (max-width: 719px) { .apresentacao .texto ul li { padding-left: 52px; } .apresentacao .texto ul li::before { font-size: 26px; } }
.apresentacao .texto p:last-child { font-family: var(--f-display); font-weight: 900; font-stretch: 112%; text-transform: uppercase; font-size: var(--t-h2); letter-spacing: -0.02em; margin: var(--e-4) 0 0; }
.apresentacao .lado { display: flex; flex-direction: column; gap: var(--e-4); position: sticky; top: var(--e-6); }
.promessa { border: 2px solid var(--qmq-line); border-radius: var(--r-bloco); padding: var(--e-5); display: flex; flex-direction: column; gap: var(--e-3); }
.promessa .num-grande { font-family: var(--f-display); font-weight: 900; font-stretch: 112%; font-size: var(--t-display); line-height: .9; letter-spacing: -0.02em; }
.promessa .linha-item { display: flex; gap: var(--e-3); align-items: flex-start; }
.promessa .linha-item svg { flex: none; margin-top: 2px; }

.secao-trilha .topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--e-3); }
.secao-trilha .topo p { margin: 0; color: #CFC8BE; }
.continuar[hidden] { display: none; }
.continuar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--e-3); border: 2px solid var(--qmq-acao); border-radius: var(--r-card); padding: var(--e-4); text-decoration: none; color: #FBF7F0; }
.continuar:hover { background: #2A2724; color: #FBF7F0; }
.continuar strong { font-family: var(--f-display); font-weight: 800; font-stretch: 112%; }
.continuar .btn { flex: none; }

.paineis-grade { display: grid; gap: var(--e-4); grid-template-columns: 1fr; }
@media (min-width: 720px) { .paineis-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .paineis-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.card.em-breve-card { border-style: dashed; border-color: var(--qmq-neutro); color: var(--qmq-ink-2); }
.card.em-breve-card .card-titulo { color: var(--qmq-ink-2); }
.nota-rodape { font-size: var(--t-apoio); color: var(--qmq-ink-2); border-top: 1px solid var(--qmq-line-2); padding-top: var(--e-4); margin: 0; }

/* ===== passada visual "rua e jornal" ===== */
.promessa { border: 0; border-top: var(--fio); border-bottom: var(--fio-fino); border-radius: 0; padding: var(--e-4) 0 var(--e-5); }
.promessa .num-grande { font-size: clamp(64px, 8vw, 112px); color: var(--qmq-municipio); }
.faixa-imagem .imagem { border-radius: 0; }
.continuar { border-radius: 0; }
.hero { align-items: flex-start; }
.hero-texto h1 { font-size: clamp(36px, 6.2vw, 84px); max-width: 13ch; }
.hero-texto .etiqueta { border-bottom: var(--fio); padding-bottom: var(--e-2); width: fit-content; color: var(--qmq-ink); }
.card.em-breve-card .card-titulo { color: var(--qmq-ink-2); }