:root {
    --bg-color-body: #f5f5f7;
    --text-color: #333;
    --primary-color: #007bff;
    --font-base: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        --altura-navbar: 195px;
    --fixed-top-offset: 0px;
    /*--bs-primary: #007bff;*/
    /*--bs-body-bg: #ffff;*/
    /*--bs-border-color: #1a59b5;*/
    /*--bs-info: #17a2b8;*/
    /*--bs-success: #28a745;*/
    /*--bs-warning: #3cbd2b;*/
    /*--bs-danger: #dc3545;*/
    /*--bs-light: #f8f9fa;*/
    /*--bs-dark: #343a40;*/
    /*--bs-white: #fff;*/
    /*--bs-black: #000;*/
    /*--bs-gray-100: #f8f9fa;*/
}

.callout{
    --bs-callout-border: var(--bs-primary);
    --bs-callout-bg: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-left: .35rem solid var(--bs-callout-border);
    background: var(--bs-callout-bg);
    border-radius: .75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}
.callout-title{
    color: var(--bs-callout-border);
    font-weight: 600;
    margin-bottom: .25rem;
}
.callout-content{ margin: 0; }

/* variantes */
.callout-primary  { --bs-callout-border: var(--bs-primary); }
.callout-success  { --bs-callout-border: var(--bs-success); }
.callout-warning  { --bs-callout-border: var(--bs-warning); }
.callout-info     { --bs-callout-border: var(--bs-info); }
.callout-danger   { --bs-callout-border: var(--bs-danger); }

.vh-80 {
    height: 80vh!important;
}

.vh-40 {
    height: 40vh!important;
}