/* AgendaPro — mobile.css (max-width: 767.98px)
   100% + padding 16, toques 48px, inputs 16px (régua ML) */
.container {
  width: 100%;
  padding: 0 16px;
}

.topo-conteudo { padding: 12px 16px; min-height: 48px; }
.topo nav a {
  display: inline-block;
  padding: 12px 8px; /* área de toque ~48px */
}

.conteudo { padding: 16px 0 32px; }

.hero { padding: 16px 0; }
.hero h1 { font-size: 28px; }
.hero p { font-size: 16px; color: var(--texto-2); margin: 0 0 16px; }

.grade-servicos { display: grid; gap: 12px; }

.botao { width: 100%; min-height: 48px; }

.wizard { width: 100%; }

.duas-colunas { display: block; }
.duas-colunas > * { margin-bottom: 16px; }

.slot { min-height: 48px; }
.opcao { min-height: 48px; }