/* --- MEJORA DE CONTRASTE PARA CHECKBOX EN BOOTSWATCH MINTY --- */

/* 1. Casilla cuando está DESMARCADA (Aumenta grosor y oscurece el borde) */
.form-check-input {
    border: 2px solid #5a5a5a !important; /* Gris oscuro para que se vea a simple vista */
    background-color: #ffffff !important;  /* Fondo blanco para resaltar el interior */
}

/* 2. Efecto al pasar el cursor (Hover) */
.form-check-input:hover {
    border-color: #343a40 !important; /* Se vuelve aún más oscuro al pasar el mouse */
    cursor: pointer;
}

/* 3. Casilla cuando está MARCADA (Checked) */
/* El color primario de Minty es un verde muy claro; usamos el verde "Success" (#56cc9d) o el oscuro (#343a40) 
   para que la palomita (check) blanca interior tenga un contraste excelente */
.form-check-input:checked {
    background-color: #56cc9d !important; /* Verde Minty más intenso */
    border-color: #56cc9d !important;
}

/* 4. Efecto de enfoque (Focus) para mantener la accesibilidad del teclado */
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(86, 204, 157, 0.4) !important; /* Sombra suave estética */
    border-color: #56cc9d !important;
}
:root {
    /* Reemplaza #ff5722 por el color que tú quieras (ej. un naranja) */
    --bs-primary: #4b721d !important; 

    /* Es VITAL cambiar también la versión RGB del color para los componentes transparentes o alertas */
    /* El formato debe ser: R, G, B (sin el "rgb()") */
    --bs-primary-rgb: 75, 114, 29 !important; 

}

/* NOTA IMPORTANTE PARA BOTONES: 
   Bootstrap pre-compila los estados :hover y :active de los botones. 
   Si usas botones primarios (.btn-primary), debes forzar el hover manualmente en tu CSS: */

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #ffffff !important; /* Color del texto del botón */
}

.btn-primary:hover, .btn-primary:focus {
    /* Un tono un poco más oscuro para el efecto Hover */
    background-color: #78c2ad !important; 
    border-color: #78c2ad !important;
}

.btn-warning {
  /* Estado Normal */
  --bs-btn-color: #ffffff;                     /* Texto */
  --bs-btn-bg: #482F27;                        /* Fondo */
  --bs-btn-border-color: #482F27;              /* Borde */

  /* Estado Hover (Pasar el mouse) */
  --bs-btn-hover-color: #ffffff;               /* Texto en hover */
  --bs-btn-hover-bg: #D6BCD3;                  /* Fondo en hover */
  --bs-btn-hover-border-color: #D6BCD3;        /* Borde en hover */

  /* Estado Focus y Active */
  --bs-btn-focus-shadow-rgb: 79, 70, 229;      /* Sombra de enfoque (en formato RGB) */
  --bs-btn-active-bg: #D6BCD3;                 /* Fondo al hacer click */
  --bs-btn-active-border-color: #D6BCD3;       /* Borde al hacer click */
}