@layer components {
    .card {
        @apply bg-white dark:bg-gray-800 rounded-xl shadow-md p-4;
    }

    .texto {
        @apply text-gray-700 dark:text-gray-200 leading-relaxed;
    }

    .texto-titulo {
        @apply text-gray-900 dark:text-white font-semibold;
    }

    .texto-secundario {
        @apply text-gray-500 dark:text-gray-400;
    }

    .input {
        @apply bg-white dark:bg-gray-800
        text-gray-900 dark:text-gray-100
        border border-gray-300 dark:border-gray-600
        rounded-lg p-2;
    }

    .boton-mio {
        @apply bg-blue-600 hover:bg-blue-700
        dark:bg-blue-500 dark:hover:bg-blue-600
        text-white px-4 py-2 rounded;
    }
}