/*
 * project.css — Overrides de color del proyecto Pesca.
 *
 * Este archivo se carga después de los CSS generales para restaurar la paleta
 * institucional y conservar prioridad sobre los valores genéricos del framework.
 */

:root {
    --color-primary: #252C61;

    --color-petroleo: #1D3341;
    --color-azul: #242F4B;
    --color-grisaceo: #7394a7;
    --color-verde: #A59F49;
    --color-cyan: #18728D;

    --color-secondary: #6c757d;
    --color-success: #1B702F;
    --color-danger: #A62D3B;
    --color-warning: #D6A206;
    --color-info: #0F6086;
}

.alert-mensaje {
    background-repeat: no-repeat;
    position: fixed;
    bottom: 5px;
    left: 20px;
    font-size: larger;
    z-index: 99;
}

.ir-arriba {
    display: none;
    background-repeat: no-repeat;
    font-size: 26px;
    color: var(--color-primary);
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 30px;
    z-index: 2;
}

.ir-arriba:hover {
    color: #767676;
}

.bg-primary {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--color-primary) !important;
    color: #fff !important;
    border-color: var(--color-primary);
}

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background-color: #fff !important;
    color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.text-verde {
    color: var(--color-verde) !important;
}

.btn-verde,
.btn-verde:focus,
.btn-verde:hover {
    background-color: var(--color-verde) !important;
    color: #fff !important;
    border-color: var(--color-verde);
}

.btn-outline-verde,
.btn-outline-verde:focus,
.btn-outline-verde:hover {
    background-color: #fff !important;
    color: var(--color-verde) !important;
    border-color: none;
}

.btn-celeste,
.btn-celeste:focus,
.btn-celeste:hover {
    background-color: var(--color-grisaceo) !important;
    color: #fff !important;
    border-color: var(--color-grisaceo);
}

.btn-outline-celeste,
.btn-outline-celeste:focus,
.btn-outline-celeste:hover {
    background-color: #fff !important;
    color: var(--color-grisaceo) !important;
    border-color: none;
}

.bg-celeste {
    background-color: rgba(13, 110, 253, 0.1) !important;
    color: #252C61 !important;
}

.text-celeste {
    color: #252C61 !important;
}