/* ==========================================================================
   SOBRE — história da oficina
   ========================================================================== */

.sobre { background: var(--azul-900); color: #fff; }
.sobre__grade { display: grid; gap: 3rem; align-items: center; }
.sobre__etiqueta { margin-bottom: .5rem; color: var(--vermelho-500); font-size: .875rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.sobre__titulo { margin-bottom: 1.5rem; font-size: clamp(1.875rem, 1.4rem + 1.6vw, 2.25rem); font-weight: 800; line-height: 1.2; }
.sobre__texto { margin-bottom: 1rem; color: var(--cinza-300); line-height: 1.7; }
.sobre__texto strong { color: #fff; }
.sobre__frase { margin-bottom: 1.5rem; color: var(--azul-400); font-weight: 700; font-style: italic; line-height: 1.7; }

.sobre__numeros { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.numero {
  padding: .5rem 0 .5rem 1rem; border-left: 4px solid var(--vermelho-600);
  border-radius: 0 .5rem .5rem 0; background: rgba(30,41,59,.5);
}
.numero h4 { font-size: 1.125rem; font-weight: 700; }
.numero p { color: var(--cinza-400); font-size: .75rem; }

.sobre__foto img {
  width: 100%; object-fit: cover; border-radius: var(--raio-xl);
  border: 2px solid var(--azul-700); box-shadow: var(--sombra-2xl);
}
@media (min-width: 1024px) { .sobre__grade { grid-template-columns: 1fr 1fr; } }