/* =============================================================================
   Home — Áreas (Residencia / Centro de día)
   ========================================================================== */

.home-areas {
  padding-block: var(--space-5) var(--section-pad-y);
}

.home-areas__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

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

a.card-area {
  cursor: pointer;
}

a.card-area:hover .card-area__label {
  background: var(--color-burgundy);
  color: #fff;
}

.card-area__label {
  transition: background-color var(--t-base), color var(--t-base);
}