.prototipo-pro-gestao { gap: 34px; }

.prototipo-secao {
  --cor-secao: #3355a6;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.prototipo-secao:nth-child(2) { --cor-secao: #6b8f45; }
.prototipo-secao:nth-child(3) { --cor-secao: #b06fb0; }
.prototipo-secao:nth-child(4) { --cor-secao: #b68e25; }
.prototipo-secao:nth-child(5) { --cor-secao: #993b22; }
.prototipo-secao:nth-child(6) { --cor-secao: #8656b0; }
.prototipo-secao:nth-child(7) { --cor-secao: #54566b; }

.prototipo-secao > h2 {
  margin: 0;
  padding-bottom: 7px;
  color: var(--cor-secao);
  border-bottom: 1px solid var(--cor-secao);
}

.prototipo-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px;
}

.prototipo-card {
  display: flex;
  width: 100%;
  min-height: 70px;
  padding: 14px 18px;
  align-items: center;
  gap: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  background: #fff;
  color: var(--cor-secao);
  box-shadow: 0 8px 12px rgba(75, 75, 75, .14);
  text-align: left;
  cursor: pointer;
}

.prototipo-card i { min-width: 22px; font-size: 1.35rem; }
.prototipo-card span { font-size: 1rem; font-weight: 600; }
.prototipo-card:hover { background: #f3f5fa; }

.prototipo-colunas {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.prototipo-coluna {
  display: flex;
  min-width: 0;
  padding: 14px;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  background: #f8f8f8;
}

.prototipo-coluna h3 {
  min-height: 48px;
  margin: 0;
  display: flex;
  align-items: center;
  color: var(--cor-secao);
  font-size: 1.12rem;
}

@media (max-width: 850px) {
  .prototipo-colunas { grid-template-columns: 1fr; }
  .prototipo-coluna h3 { min-height: auto; }
}

@media (max-width: 600px) {
  .prototipo-cards { grid-template-columns: 1fr; }
}