/* =========================
   📦 CARD (REUTILIZABLE)
========================= */
.card {
  position: relative;
  background: var(--bg-card);
  /*padding: var(--space-xl) var(--space-lg);*/
  padding: 16px 24px 28px;  /*🔥 menos arriba, normal abajo*/
  /*padding: var(--space-xl) var(--space-lg) var(--space-xl);*/
  border-radius: var(--radius-lg);
  width: 90%;
  max-width: var(--size-container);
  text-align: center;
  box-shadow: 0 25px 60px var(--shadow-main);
}