/* Boton principal con el estilo de Ingresar del login: degradado de la marca, pildora, negrita.
   Se usa junto con las clases de Bootstrap: class="btn btn-lg btn-primary d-block w-100 btn-marca".
   Define color, redondeo, negrita y alto; margenes y relleno lateral quedan a cargo de cada
   contexto. Los selectores llevan .btn para ganarle a las reglas de estado de Bootstrap
   sin depender del orden de carga. */

.btn.btn-marca {
    background: linear-gradient(180deg, #ca0138 0%, #f04f15 100%);
    border: none;
    border-radius: 29px;
    color: #fff;
    font-weight: 700;
    line-height: 32px;
}

/* Foco y active: mismo degradado que en reposo (Bootstrap los cambia o los saca). */
.btn.btn-marca:focus,
.btn.btn-marca:active,
.btn.btn-marca.active {
    background: linear-gradient(180deg, #ca0138 0%, #f04f15 100%);
    color: #fff;
}

/* Hover: el degradado un poco mas oscuro. */
.btn.btn-marca:hover,
.btn.btn-marca:active:hover {
    background: linear-gradient(180deg, #b00131 0%, #d8440f 100%);
    color: #fff;
}

/* Variante chica (class="btn btn-primary btn-sm btn-marca", Grabar del modal de Cambiar
   contrasena): el alto y el radio de btn-sm, para quedar parejo con los otros botones del pie
   (degradado, sin pildora). Sin borde, el relleno vertical suma el pixel que btn-sm pone de borde
   arriba y abajo. */
.btn.btn-marca.btn-sm {
    border-radius: 3px;
    line-height: 1.5;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Boton secundario del popup de recuperacion (Cancelar, Cerrar): solo texto, sin fondo ni borde,
   para que el boton de marca siga siendo la accion destacada. Es como se veia con Bootstrap 3 el
   btn-secondary, que no tenia estilo propio: texto #2c2933 y, al pasar el mouse o con el foco,
   #333 sin subrayado. El anillo de foco de Bootstrap 5 queda en el mismo tono. */
.btn.btn-secundario {
    --bs-btn-color: #2c2933;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 44, 41, 51;
}

/* Boton neutro: el btn-default de Bootstrap 3 (fondo blanco, borde gris claro, texto oscuro), que
   Bootstrap 5 no tiene. Lo usan Filtro Avanzado, Cerrar del modal de Cambiar contrasena y el boton
   del menu de cada fila del detalle. */
.btn.btn-neutro {
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-active-color: #333;
    --bs-btn-active-bg: #e6e6e6;
    --bs-btn-active-border-color: #adadad;
    --bs-btn-disabled-color: #333;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #ccc;
    --bs-btn-focus-shadow-rgb: 204, 204, 204;
}