/* Importa uma fonte moderna do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Redefine as vari�veis do Bootstrap para uma paleta de cores moderna */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    /* Nossa paleta de cores personalizada */
    --bs-primary: #3B82F6; /* Azul principal */
    --bs-primary-rgb: 59, 130, 246;
    --bs-secondary: #6B7280; /* Cinza secund�rio */
    --bs-secondary-rgb: 107, 114, 128;
    --bs-light: #F3F4F6; /* Fundo claro */
    --bs-light-rgb: 243, 244, 246;
    --bs-dark: #1F2937; /* Texto escuro */
    --bs-dark-rgb: 31, 41, 55;
    --bs-font-sans-serif: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: #374151;
    --bs-body-bg: #F9FAFB;
    --bs-border-radius: 0.5rem;
    --bs-border-radius-lg: 0.75rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .05);
}

body {
    background-color: var(--bs-body-bg);
}

/* Personaliza��o de componentes */
.card {
    border: none;
    box-shadow: var(--bs-box-shadow);
}

.btn {
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3);
    }

.table {
    --bs-table-hover-bg: #EFF6FF; /* Azul bem claro no hover */
}

    .table thead {
        color: var(--bs-dark);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

/* Estiliza��o do modal usando classes do Alpine */
.modal-backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(17, 24, 39, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content-custom {
    background-color: white;
    padding: 2rem;
    border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    width: 100%;
    max-width: 32rem; /* 512px */
}

[x-cloak] {
    display: none !important;
}