/* =============================================================================
   Quiénes somos — Áreas (Residencia / Centro de día) + CTA derecha
   ========================================================================== */

.qs-areas {
  padding-block: var(--section-pad-y);
}

.qs-areas__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

@media (min-width: 768px) {
  .qs-areas__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
  }
}

.qs-areas__cta-wrap {
  display: flex;
  justify-content: flex-end;
}

/* La variante volteable de estas cards (frente foto / reverso texto) vive en
   components/cards.css como .card-area-flip — compartida con la Home. */