/* Bloque Nosotros (.about-inner), vive dentro de la sección Bienvenidos — ver welcome.css */

.about-inner {
  display: grid;
  gap: var(--space-7);
}
.about-inner > * { min-width: 0; }

/* Tipografía vintage años 20 — solo en este bloque, ver context.md §4.2.1 */
.about-text h2 {
  font-family: var(--font-vintage-display);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.about-lead {
  margin-top: var(--space-5);
  max-width: 30rem;
  display: grid;
  gap: var(--space-4); /* espacio real entre frases, no solo un salto de línea */
}
.about-lead p {
  color: var(--color-text-muted);
  font-family: var(--font-vintage-text);
  font-size: var(--font-size-lg);
  line-height: 1.6;
  margin: 0;
}
.about-lead strong {
  font-family: var(--font-vintage-display);
  color: #c5142e; /* rojo de los tacones de assets/img/piernas.png, sustituye al dorado en este bloque */
  font-size: var(--font-size-lg);
  font-weight: 700;
}
.about-figure {
  position: relative;
  border-radius: var(--radius);
  min-height: 16rem;
  overflow: hidden;
  background: var(--color-surface);
}
.about-figure img {
  width: 100%;
  height: 100%;
  min-height: 16rem;
  object-fit: cover;
}
.about-figure::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: clamp(3rem, 10vw, 6rem);
  background: linear-gradient(180deg, #000, transparent);
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 900px) {
  .about-inner { grid-template-columns: 1.1fr 0.9fr; align-items: center; }
}