:root {
    --bs-primary: #0056b3;  /* Azul intenso (para botones y encabezados) */
    --bs-secondary: #8dc63f; /* Verde vibrante (inspirado en el logo) */
    --bs-success: #f15a29; /* Naranja intenso (para acentos y alertas) */
    --bs-info: #29abe2; /* Azul claro (para enlaces y secciones informativas) */
    --bs-warning: #fbb03b; /* Amarillo ocre (para advertencias y resaltados) */
    --bs-danger: #c1272d; /* Rojo profundo (para alertas y botones críticos) */
    --bs-light: #f4f4f4; /* Fondo claro */
    --bs-dark: #333333; /* Texto principal */

    /* Texto y fondos */
    --bs-body-bg: var(--bs-light);
    --bs-body-color: var(--bs-dark);

    /* Colores de texto en botones y elementos interactivos */
    --bs-primary-rgb: 0, 86, 179;
    --bs-secondary-rgb: 141, 198, 63;
    --bs-success-rgb: 241, 90, 41;
    --bs-info-rgb: 41, 171, 226;
    --bs-warning-rgb: 251, 176, 59;
    --bs-danger-rgb: 193, 39, 45;
    --bs-light-rgb: 244, 244, 244;
    --bs-dark-rgb: 51, 51, 51;

    /* Colores de enlaces */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: darken(var(--bs-primary), 10%);
}
.footer {
    position: relative;
    width: 100%;
    bottom: 0;
}