:root {
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;
    --font-size-7xl: 4.5rem;
    --font-size-8xl: 6rem;
    --font-size-9xl: 8rem;
    --size-xs: 0.75rem;
    --size-sm: 0.875rem;
    --size-base: 1rem;
    --size-lg: 1.125rem;
    --size-xl: 1.25rem;
    --size-2xl: 1.5rem;
    --size-3xl: 1.875rem;
    --size-4xl: 2.25rem;
    --size-5xl: 3rem;
    --size-6xl: 3.75rem;
    --size-7xl: 4.5rem;
    --size-8xl: 6rem;
    --size-9xl: 8rem;
    --bs-secondary: #2d2250;
}

label {
    /* font-size: var(--font-size-base) !important; */
}

input[type=text],
input[type=password],
input[type=email],  
input[type=number],
textarea {
    padding-left: var(--size-base) !important;
    padding-right: var(--size-base) !important;
    padding-top: var(--size-xs) !important;
    padding-bottom: var(--size-xs) !important;
}

.btn {
    text-transform: none !important;
}

.alert-secondary {
    background-image: none !important;
    background-color: var(--bs-secondary) !important;
}

.table-notion {
    width: 100%;
    border-collapse: collapse;
}
table.table-notion td {
    border-right: 1px solid #ddd !important;
}
table.table-notion td, 
table.table-notion th 
{
    max-width: 110px; /* Ancho máximo de la celda */
}