@layer components {
  /* Reusa clases existentes de “estudios” */
  .supply-container { @apply px-4 md:px-6 lg:px-0; }
  .supply-grid { @apply grid gap-6; }
  .supply-card { @apply rounded-xl shadow border bg-white; }
  .supply-primary-color { @apply text-gray-900; } /* cambia si tu marca usa otro color */

  /* Botones genéricos */
  .btn { @apply inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-medium transition;
         @apply focus:outline-none focus:ring-2 focus:ring-offset-2; }
  .btn-primary { @apply bg-gray-900 text-white hover:bg-black focus:ring-gray-900; }
  .btn-light { @apply bg-gray-100 text-gray-900 hover:bg-gray-200 border border-transparent; }

  /* Avatar simple con iniciales */
  .avatar-circle { @apply h-12 w-12 rounded-full bg-gray-100 text-gray-700 flex items-center justify-center text-lg font-semibold; }

  /* Print styles */
  @media print {
    .print\:hidden { display: none !important; }
    .break-inside-avoid { break-inside: avoid; }
    .supply-card { box-shadow: none !important; }
    a[href]:after { content: "" !important; }
    button { display: none !important; }
  }
}