@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

html, body {
    min-width: 375px !important;
}

:root,
[data-bs-theme=light] {
    /* Colores de la nueva paleta */
    --bs-primary: #82BC48; /* Verde */
    --bs-secondary: #39505D; /* Gris azulado */
    --bs-body-bg: #F9F6F1; /* Fondo claro */
    --bs-body-color: #39505D; /* Texto principal */
    --bs-link-color: #82BC48;
    --bs-link-hover-color: #6AA03B; /* Un tono más oscuro del verde */
    /* Actualización de variables relacionadas */
    --bs-primary-rgb: 130, 188, 72;
    --bs-secondary-rgb: 57, 80, 93;
    --bs-body-bg-rgb: 249, 246, 241;
    --bs-body-color-rgb: 57, 80, 93;
    /* Ajustes de bordes y sombreados */
    --bs-border-color: #d6d1c9;
    /* Cambiamos la fuente global */
    --bs-font-sans-serif: "Montserrat", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
}

body {
    color: var(--bs-body-color) !important;
    font-family: var(--bs-body-font-family) !important;
}

body,
.form-control,
.dropdown-menu {
    background-color: #fcfefc !important;
}

.card{
    background-color: white !important;
}

.table {
    --bs-table-bg: white !important;
}

@media (max-width: 991.98px) {
    body {
        padding-bottom: unset !important;
    }
}

a {
    color: var(--bs-link-color) !important;
}

    a:hover {
        color: var(--bs-link-hover-color) !important;
    }

/* Botón primario ajustado a la nueva paleta */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #82BC48; /* Nuevo primario */
    --bs-btn-border-color: #82BC48;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6AA03B; /* Un tono más oscuro del verde */
    --bs-btn-hover-border-color: #6AA03B;
    --bs-btn-focus-shadow-rgb: 130, 188, 72; /* Primario en RGB */

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6AA03B;
    --bs-btn-active-border-color: #6AA03B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #82BC48;
    --bs-btn-disabled-border-color: #82BC48;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #C0392B; /* Rojo más profundo */
    --bs-btn-border-color: #C0392B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #A93226;
    --bs-btn-hover-border-color: #A93226;
    --bs-btn-focus-shadow-rgb: 192, 57, 43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #A93226;
    --bs-btn-active-border-color: #A93226;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #C0392B;
    --bs-btn-disabled-border-color: #C0392B;
}

.btn-danger {
    color: #fff !important; /* Color del texto forzado */
    background-color: #C0392B !important; /* Rojo base */
    border-color: #C0392B !important;
}

    .btn-danger:hover {
        color: #fff !important; /* Asegura que el texto no cambie */
        background-color: #A93226 !important; /* Rojo más oscuro */
        border-color: #A93226 !important;
    }

    .btn-danger:focus {
        color: #fff !important;
        background-color: #A93226 !important;
        border-color: #A93226 !important;
        box-shadow: 0 0 0 0.25rem rgba(192, 57, 43, 0.5) !important;
    }

    .btn-danger:active,
    .btn-danger.active {
        color: #fff !important;
        background-color: #922B21 !important; /* Un poco más oscuro para el click */
        border-color: #922B21 !important;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    }

    .btn-danger:disabled,
    .btn-danger.disabled {
        color: #fff !important;
        background-color: #C0392B !important;
        border-color: #C0392B !important;
        opacity: 0.65;
    }