@import 'tailwindcss';
@import '../../vendor/livewire/flux/dist/flux.css';

@source '../views';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../vendor/livewire/flux-pro/stubs/**/*.blade.php';
@source '../../vendor/livewire/flux/stubs/**/*.blade.php';
@source 'filament/admin/theme.css';
@custom-variant dark (&:where(.dark, .dark *));

@layer theme {
    .dark {
        --color-accent: var(--color-white);
        --color-accent-content: var(--color-white);
        --color-accent-foreground: var(--color-neutral-800);
    }
}
/* =========================
   THEME (TAILWIND V4)
   ========================= */
@theme {
    --color-primary: var(--color-primary);
    --color-secondary: var(--color-secondary);
    --color-background: var(--color-background);

    --font-sans: var(--font-tenant);
}

/* =========================
   UTILITIES EXPLÍCITAS
   ========================= */
@layer utilities {
    .text-primary-admin {
        color: #1b4180;
    }

    .bg-primary-admin {
        background-color: #1b4180;
    }

    .bg-primary {
        background-color: var(--color-primary);
    }

    .bg-secondary {
        background-color: var(--color-secondary);
    }

    .bg-background {
        background-color: var(--color-background);
    }

    .text-primary {
        color: var(--color-primary);
    }

    .font-tenant {
        font-family: var(--font-tenant);
    }

    /* TEST VISUAL */
    .bg-testcolor {
        background-color: #ff00ff;
    }
}

@layer base {

    
}

[data-flux-field]:not(ui-radio, ui-checkbox) {
    @apply grid gap-2;
}

[data-flux-label] {
    @apply  !mb-0 !leading-tight;
}

input:focus[data-flux-control],
textarea:focus[data-flux-control],
select:focus[data-flux-control] {
    @apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
}

/* \[:where(&)\]:size-4 {
    @apply size-4;
} */

/* Utilidades adicionales para el catálogo de cursos */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}