/*
 * Proyecto Ativaronco UI palette
 *
 * The reference artwork is used only as a colour source. This stylesheet
 * remaps Bootstrap 4/AdminLTE semantic utilities without embedding its logo.
 */
:root {
    --brand-navy-900: #163f55;
    --brand-navy-800: #123f52;
    --brand-navy-700: #19536b;
    --brand-navy-100: #e8f1f4;
    --brand-teal-700: #11645d;
    --brand-teal-600: #187f76;
    --brand-teal-400: #58b9ae;
    --brand-teal-100: #e5f5f2;
    --brand-raspberry-700: #912f4c;
    --brand-raspberry-600: #b33b5e;
    --brand-raspberry-100: #f9e8ee;
    --brand-amber-800: #804111;
    --brand-amber-700: #a85819;
    --brand-amber-100: #fff1e4;
    --brand-plum-700: #5b4354;
    --brand-plum-600: #725569;
    --brand-plum-100: #f2eaef;
    --brand-blush-50: #fffafb;
    --brand-blush-100: #fff6fa;
    --brand-blush-200: #f8e6ef;
    --brand-ink: #263b47;
    --brand-muted: #667985;
    --brand-border: #eadde4;
    --brand-white: #ffffff;
    --primary: #19536b;
    --secondary: #725569;
    --success: #187f76;
    --info: #287985;
    --warning: #a85819;
    --danger: #b33b5e;
    --light: #fff6fa;
    --dark: #163f55;
}

body {
    color: var(--brand-ink);
    background-color: var(--brand-blush-50);
}

a,
.btn-link {
    color: var(--brand-navy-700);
}

a:hover,
.btn-link:hover {
    color: var(--brand-navy-800);
}

.text-primary { color: var(--brand-navy-700) !important; }
.text-secondary { color: var(--brand-plum-600) !important; }
.text-success { color: var(--brand-teal-600) !important; }
.text-info { color: #287985 !important; }
.text-warning { color: var(--brand-amber-700) !important; }
.text-danger { color: var(--brand-raspberry-600) !important; }
.text-dark { color: var(--brand-navy-900) !important; }
.text-muted { color: var(--brand-muted) !important; }

.content-wrapper,
.login-page,
.register-page {
    background-color: var(--brand-blush-50);
}

.main-header.navbar-white,
.navbar.bg-white {
    background-color: var(--brand-white) !important;
    border-color: var(--brand-border);
}

.main-sidebar,
.sidebar-dark-primary,
.brand-link {
    background-color: var(--brand-navy-900) !important;
}

.brand-link {
    color: var(--brand-white) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.brand-link:hover {
    color: var(--brand-white) !important;
}

.sidebar-dark-primary .nav-header {
    color: rgba(255, 255, 255, 0.72);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: rgba(255, 255, 255, 0.82);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link .nav-icon {
    color: var(--brand-teal-400);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    color: var(--brand-white) !important;
    background-color: var(--brand-teal-600);
    box-shadow: 0 0.35rem 0.8rem rgba(17, 100, 93, 0.24);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon {
    color: var(--brand-white);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:focus {
    color: var(--brand-white);
    background-color: rgba(88, 185, 174, 0.16);
}

.content-header h1,
.card-title {
    color: var(--brand-navy-900);
}

.card,
.modal-content,
.dropdown-menu {
    border-color: var(--brand-border);
}

.card,
.modal-content {
    box-shadow: 0 0.3rem 1rem rgba(22, 63, 85, 0.07);
}

.card-header,
.card-footer,
.modal-footer {
    border-color: var(--brand-border);
}

.card-primary.card-outline { border-top-color: var(--brand-navy-700); }
.card-secondary.card-outline { border-top-color: var(--brand-plum-600); }
.card-success.card-outline { border-top-color: var(--brand-teal-600); }
.card-info.card-outline { border-top-color: #287985; }
.card-warning.card-outline { border-top-color: var(--brand-amber-700); }
.card-danger.card-outline { border-top-color: var(--brand-raspberry-600); }
.card-dark.card-outline { border-top-color: var(--brand-navy-900); }

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a { background-color: var(--brand-navy-700); color: var(--brand-white); }
.card-secondary:not(.card-outline) > .card-header { background-color: var(--brand-plum-600); color: var(--brand-white); }
.card-success:not(.card-outline) > .card-header { background-color: var(--brand-teal-600); color: var(--brand-white); }
.card-info:not(.card-outline) > .card-header { background-color: #287985; color: var(--brand-white); }
.card-warning:not(.card-outline) > .card-header { background-color: var(--brand-amber-700); color: var(--brand-white); }
.card-danger:not(.card-outline) > .card-header { background-color: var(--brand-raspberry-600); color: var(--brand-white); }

.btn-primary,
.bg-primary,
.badge-primary,
.progress-bar,
.page-item.active .page-link {
    color: var(--brand-white) !important;
    background-color: var(--brand-navy-700) !important;
    border-color: var(--brand-navy-700) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: var(--brand-navy-800) !important;
    border-color: var(--brand-navy-800) !important;
}

.btn-secondary,
.bg-secondary,
.badge-secondary {
    color: var(--brand-white) !important;
    background-color: var(--brand-plum-600) !important;
    border-color: var(--brand-plum-600) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: var(--brand-plum-700) !important;
    border-color: var(--brand-plum-700) !important;
}

.btn-success,
.bg-success,
.badge-success {
    color: var(--brand-white) !important;
    background-color: var(--brand-teal-600) !important;
    border-color: var(--brand-teal-600) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: var(--brand-teal-700) !important;
    border-color: var(--brand-teal-700) !important;
}

.btn-info,
.bg-info,
.badge-info {
    color: var(--brand-white) !important;
    background-color: #287985 !important;
    border-color: #287985 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: #1f606a !important;
    border-color: #1f606a !important;
}

.btn-warning,
.bg-warning,
.badge-warning {
    color: var(--brand-white) !important;
    background-color: var(--brand-amber-700) !important;
    border-color: var(--brand-amber-700) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: var(--brand-amber-800) !important;
    border-color: var(--brand-amber-800) !important;
}

.btn-danger,
.bg-danger,
.badge-danger {
    color: var(--brand-white) !important;
    background-color: var(--brand-raspberry-600) !important;
    border-color: var(--brand-raspberry-600) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active {
    color: var(--brand-white) !important;
    background-color: var(--brand-raspberry-700) !important;
    border-color: var(--brand-raspberry-700) !important;
}

.btn-dark,
.bg-dark,
.badge-dark,
.thead-dark th {
    color: var(--brand-white) !important;
    background-color: var(--brand-navy-900) !important;
    border-color: var(--brand-navy-900) !important;
}

.btn-light,
.bg-light,
.badge-light {
    color: var(--brand-ink) !important;
    background-color: var(--brand-blush-100) !important;
    border-color: var(--brand-border) !important;
}

.btn-outline-primary { color: var(--brand-navy-700); border-color: var(--brand-navy-700); }
.btn-outline-secondary { color: var(--brand-plum-600); border-color: var(--brand-plum-600); }
.btn-outline-success { color: var(--brand-teal-600); border-color: var(--brand-teal-600); }
.btn-outline-info { color: #287985; border-color: #287985; }
.btn-outline-warning { color: var(--brand-amber-700); border-color: var(--brand-amber-700); }
.btn-outline-danger { color: var(--brand-raspberry-600); border-color: var(--brand-raspberry-600); }

.btn-outline-primary:hover { color: var(--brand-white); background-color: var(--brand-navy-700); border-color: var(--brand-navy-700); }
.btn-outline-secondary:hover { color: var(--brand-white); background-color: var(--brand-plum-600); border-color: var(--brand-plum-600); }
.btn-outline-success:hover { color: var(--brand-white); background-color: var(--brand-teal-600); border-color: var(--brand-teal-600); }
.btn-outline-info:hover { color: var(--brand-white); background-color: #287985; border-color: #287985; }
.btn-outline-warning:hover { color: var(--brand-white); background-color: var(--brand-amber-700); border-color: var(--brand-amber-700); }
.btn-outline-danger:hover { color: var(--brand-white); background-color: var(--brand-raspberry-600); border-color: var(--brand-raspberry-600); }

.btn:focus,
.btn.focus,
.form-control:focus,
.custom-select:focus,
.page-link:focus {
    border-color: var(--brand-teal-400);
    box-shadow: 0 0 0 0.2rem rgba(42, 145, 136, 0.2) !important;
}

.form-control,
.custom-select,
.input-group-text {
    color: var(--brand-ink);
    border-color: var(--brand-border);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-teal-600);
    border-color: var(--brand-teal-600);
}

.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active {
    color: var(--brand-white);
    background-color: var(--brand-navy-700);
    border-color: var(--brand-navy-700);
}

.page-link {
    color: var(--brand-navy-700);
    border-color: var(--brand-border);
}

.page-link:hover {
    color: var(--brand-navy-800);
    background-color: var(--brand-navy-100);
    border-color: var(--brand-border);
}

.alert-primary { color: var(--brand-navy-900); background-color: var(--brand-navy-100); border-color: #c9dde4; }
.alert-secondary { color: var(--brand-plum-700); background-color: var(--brand-plum-100); border-color: #deced8; }
.alert-success { color: var(--brand-teal-700); background-color: var(--brand-teal-100); border-color: #b9dfd9; }
.alert-info { color: #1f606a; background-color: #e5f2f4; border-color: #bedde1; }
.alert-warning { color: var(--brand-amber-800); background-color: var(--brand-amber-100); border-color: #f1cfad; }
.alert-danger { color: var(--brand-raspberry-700); background-color: var(--brand-raspberry-100); border-color: #ebc3d0; }
.alert-light { color: var(--brand-ink); background-color: var(--brand-blush-100); border-color: var(--brand-border); }
.alert-dark { color: var(--brand-navy-900); background-color: var(--brand-navy-100); border-color: #c9dde4; }

.callout.callout-primary { border-left-color: var(--brand-navy-700); }
.callout.callout-secondary { border-left-color: var(--brand-plum-600); }
.callout.callout-success { border-left-color: var(--brand-teal-600); }
.callout.callout-info { border-left-color: #287985; }
.callout.callout-warning { border-left-color: var(--brand-amber-700); }
.callout.callout-danger { border-left-color: var(--brand-raspberry-600); }

.bg-gradient-primary { background: linear-gradient(135deg, var(--brand-navy-700), var(--brand-teal-600)) !important; color: var(--brand-white); }
.bg-gradient-success { background: linear-gradient(135deg, var(--brand-teal-700), var(--brand-teal-400)) !important; color: var(--brand-white); }
.bg-gradient-info { background: linear-gradient(135deg, var(--brand-navy-700), #287985) !important; color: var(--brand-white); }
.bg-gradient-warning { background: linear-gradient(135deg, var(--brand-amber-800), var(--brand-amber-700)) !important; color: var(--brand-white); }
.bg-gradient-danger { background: linear-gradient(135deg, var(--brand-raspberry-700), var(--brand-raspberry-600)) !important; color: var(--brand-white); }

.table td,
.table th {
    border-color: #eee4e9;
}

.table-hover tbody tr:hover {
    background-color: var(--brand-blush-100);
}

.breadcrumb {
    background-color: transparent;
}

::selection {
    color: var(--brand-white);
    background-color: var(--brand-raspberry-600);
}