/* =====================================================================
   §7 · Sobre Aptia
   ===================================================================== */
.aptia { background: var(--surface); }
.aptia__inner {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: clamp(2rem, 6vw, 5rem);
  align-items: stretch;
}

.aptia__lead {
  font-size: var(--text-lg);
  color: var(--ink-soft);
  margin-top: var(--space-4);
}
.aptia__logo {
  margin-top: var(--space-6);
  width: clamp(140px, 30%, 190px);
  height: auto;
}

/* las tarjetas se centran en alto junto al texto largo, sin hueco excesivo */
.aptia__values { display: grid; gap: var(--space-5); align-content: center; }
.value {
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.value:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
  border-color: transparent;
}
.value__title { color: var(--brand-lila); margin-bottom: var(--space-2); }
.value p { color: var(--ink-soft); }

@media (max-width: 760px) {
  .aptia__inner { grid-template-columns: 1fr; }
}