/* Mobile-first: oculto por defecto, visible en desktop */
.desktop-only {
    display: none;
  }
  
  @media (min-width: 768px) {
    .desktop-only {
      display: block;
    }
  }
  
  /* Visible en mobile, oculto en desktop */
  .mobile-only {
    display: block;
  }
  
  @media (min-width: 768px) {
    .mobile-only {
      display: none;
    }
  }

/* ── margenes estándares ─────────────────────────────────── */
.mt-24 { margin-top: 24px; }
.mt-48 { margin-top: 48px; }
.mt-72 { margin-top: 72px; }
.mt-96 { margin-top: 96px; }
.mt-120 { margin-top: 120px; }
.mt-144 { margin-top: 144px; }
.mt-168 { margin-top: 168px; }
.mt-192 { margin-top: 192px; }
.mt-216 { margin-top: 216px; }
.mt-240 { margin-top: 240px; }

.mb-0 { margin-bottom: 0 !important; }

.pt-24 { padding-top: 24px; }
.pt-48 { padding-top: 48px; }
.pt-72 { padding-top: 72px; }
.pt-96 { padding-top: 96px; }
.pt-120 { padding-top: 120px; }
.pt-144 { padding-top: 144px; }
.pt-168 { padding-top: 168px; }
.pt-192 { padding-top: 192px; }
.pt-216 { padding-top: 216px; }
.pt-240 { padding-top: 240px; }