/* ============================================================
   SOBRE.CSS — eCinco Tecnologia
   Específico da página sobre
   ============================================================ */

/* Conteúdo institucional */
.sobre-conteudo {
  background-color: #FFFFFF;
  padding: 64px 0;
}

.sobre-conteudo p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--texto-medio);
  line-height: 1.8;
  margin-bottom: 24px;
  max-width: 760px;
}

.sobre-conteudo p:last-child {
  margin-bottom: 0;
}

.sobre-conteudo p span {
  color: var(--laranja);
  font-weight: 500;
}

/* Números */
.sobre-numeros {
  background-color: var(--preto-principal);
  padding: 64px 0;
}

.sobre-numeros h2 {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--texto-branco);
  margin-bottom: 40px;
}

.numeros-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
}

.numero-card {
  background-color: var(--preto-cards);
  border: 0.5px solid var(--borda-escura);
  border-radius: 12px;
  padding: 24px;
  border-top: 3px solid var(--laranja);
}

.numero-card .numero {
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-weight: 600;
  color: var(--laranja);
  margin-bottom: 4px;
}

.numero-card .label {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--texto-cinza);
  line-height: 1.5;
}

/* Valores */
.sobre-valores {
  background-color: #FFFFFF;
  padding: 64px 0;
}

.sobre-valores h2 {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--texto-escuro);
  margin-bottom: 32px;
}

.valores-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.valor-card {
  background-color: var(--cinza-claro);
  border-radius: 12px;
  padding: 24px;
  border-left: 3px solid var(--laranja);
}

.valor-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--texto-escuro);
  margin-bottom: 8px;
}

.valor-card p {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: var(--texto-medio);
  line-height: 1.6;
}

/* Responsivo */
@media (max-width: 768px) {
  .numeros-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .valores-grid {
    grid-template-columns: 1fr;
  }
}