/* ============================================================
   SECTION: Qué hacemos / About
   ============================================================ */

.about__grid {
  display: grid;
  grid-template-columns: 200px minmax(0, 1.25fr) minmax(0, 0.85fr);
  gap: var(--space-5);
  align-items: start;
}
.about__eyebrow { padding-top: 0.6rem; }
.about__lead { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; }
.about__copy { display: flex; flex-direction: column; gap: var(--space-3); padding-top: 0.4rem; }
.about__copy p { color: var(--color-text-dim); }

.about__showcase {
  margin-top: var(--section-y);
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 16 / 9;        /* shorter frame; show the whole device (foto 2) */
  background: var(--color-bg-soft);
}
.about__showcase img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}
@media (max-width: 640px) { .about__showcase { aspect-ratio: 4 / 3; } }

@media (max-width: 1040px) {
  .about__grid { grid-template-columns: 160px 1fr; }
  .about__copy { grid-column: 2; }
}
@media (max-width: 720px) {
  .about__grid { grid-template-columns: 1fr; gap: var(--space-3); }
  .about__copy { grid-column: 1; }
  .about__showcase { margin-top: var(--space-6); }
}