/*
    Específico del tema claro (predeterminado)
*/
:root {
    --hermes-primary: 20, 140, 170;
    --hermes-secondary: 134, 221, 144;
    --scroll-primary: var(--hermes-primary);
    scrollbar-color: rgb(var(--scroll-primary)) lightgray;
    overflow-y: overlay;
}

body {
    background-image: url("../thumbs/patrones/light.png");
    background-size: 256px;
    background-repeat: repeat;
}

.bg-primary {
    background-color: rgb(var(--hermes-primary)) !important;
}

.bg-primary.bg-opacity-10 {
    background-color: rgba(var(--hermes-primary), 1.0) !important;
}

.bg-primary.bg-opacity-9 {
    background-color: rgba(var(--hermes-primary), .93) !important;
}

.bg-primary.bg-opacity-8 {
    background-color: rgba(var(--hermes-primary), .83) !important;
}

.bg-primary.bg-opacity-7 {
    background-color: rgba(var(--hermes-primary), .73) !important;
}

.bg-primary.bg-opacity-6 {
    background-color: rgba(var(--hermes-primary), .6) !important;
}

.bg-primary.bg-opacity-5 {
    background-color: rgba(var(--hermes-primary), .5) !important;
}

.bg-primary.bg-opacity-4 {
    background-color: rgba(var(--hermes-primary), .4) !important;
}

.bg-primary.bg-opacity-3 {
    background-color: rgba(var(--hermes-primary), .3) !important;
}

.bg-primary.bg-opacity-2 {
    background-color: rgba(var(--hermes-primary), .2) !important;
}

.bg-primary.bg-opacity-1 {
    background-color: rgba(var(--hermes-primary), .1) !important;
}

.bg-primary.bg-opacity-0 {
    background-color: rgba(var(--hermes-primary), 0.0) !important;
}

.bg-secondary {
    background-color: rgb(var(--hermes-secondary)) !important;
}

.bg-secondary.bg-opacity-10 {
    background-color: rgba(var(--hermes-secondary), 1.0) !important;
}

.bg-secondary.bg-opacity-9 {
    background-color: rgba(var(--hermes-secondary), .93) !important;
}

.bg-secondary.bg-opacity-8 {
    background-color: rgba(var(--hermes-secondary), .83) !important;
}

.bg-secondary.bg-opacity-7 {
    background-color: rgba(var(--hermes-secondary), .73) !important;
}

.bg-secondary.bg-opacity-6 {
    background-color: rgba(var(--hermes-secondary), .6) !important;
}

.bg-secondary.bg-opacity-5 {
    background-color: rgba(var(--hermes-secondary), .5) !important;
}

.bg-secondary.bg-opacity-4 {
    background-color: rgba(var(--hermes-secondary), .4) !important;
}

.bg-secondary.bg-opacity-3 {
    background-color: rgba(var(--hermes-secondary), .3) !important;
}

.bg-secondary.bg-opacity-2 {
    background-color: rgba(var(--hermes-secondary), .2) !important;
}

.bg-secondary.bg-opacity-1 {
    background-color: rgba(var(--hermes-secondary), .1) !important;
}

.bg-secondary.bg-opacity-0 {
    background-color: rgba(var(--hermes-secondary), 0) !important;
}

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

.text-secondary {
    color: rgb(var(--hermes-secondary)) !important;
}

.paperbook p::selection,
.paperbook h1::selection,
.paperbook h2::selection,
.paperbook h3::selection,
.paperbook h4::selection,
.paperbook h5::selection,
.paperbook h6::selection,
.paperbook em::selection,
.paperbook b::selection,
.paperbook i::selection,
.paperbook strong::selection,
.paperbook u::selection,
.paperbook small::selection,
.paperbook span::selection
{
    color: #da3d28;
    background: #fff345;
}

::selection {
    color: #f2f2f2;
    background: rgba(var(--hermes-primary), .75);
}

.no-paperbook::selection {
    color: #f2f2f2;
    background: rgba(var(--hermes-primary), .75);
}

.no-paperbook p::selection,
.no-paperbook h1::selection,
.no-paperbook h2::selection,
.no-paperbook h3::selection,
.no-paperbook h4::selection,
.no-paperbook h5::selection,
.no-paperbook h6::selection,
.no-paperbook em::selection,
.no-paperbook b::selection,
.no-paperbook i::selection,
.no-paperbook strong::selection,
.no-paperbook u::selection,
.no-paperbook small::selection,
.no-paperbook span::selection
{
    color: white;
    background: rgba(var(--hermes-primary), .75);
}

.nav-link.link-primary:not(.active) {
    color: #606060 !important;
}

.nav-link.link-primary:not(.active):hover {
    color: #f6f6f6 !important;
    background-color: rgba(var(--hermes-primary), .75) !important;
}

.nav-link.link-primary.active {
    color: white !important;
    background-color: rgb(var(--hermes-primary)) !important;
}

.nav-link.link-primary.active:hover {
    color: white !important;
}

a.link-primary:not(.boton) {
    color: rgb(var(--hermes-primary)) !important;
}


a.link-primary:not(.boton):hover {
    color: rgb(var(--hermes-secondary)) !important;
}

.btn-primary{
    background-color: rgb(var(--hermes-primary)) !important;
    border:0px;
}

.btn-primary:hover{
    background-color: rgba(var(--hermes-primary), .9) !important;
}

.btn-outline-primary{
    border-color: rgb(var(--hermes-primary)) !important;
    color: rgb(var(--hermes-primary)) !important;

}

.btn-outline-primary:hover{
    border-color: rgb(var(--hermes-primary)) !important;
    color: whitesmoke !important;
    background-color: rgb(var(--hermes-primary)) !important;
}

.btn-secondary{
    background-color: rgb(var(--hermes-secondary)) !important;
    border: 0px;
}

.btn-secondary:hover{
    background-color: rgba(var(--hermes-secondary), .9) !important;
}
/****
.cabecera {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to right, rgba(var(--hermes-primary), .9), rgba(var(--hermes-secondary), .9));
    /*filter: brightness(90%);
}
****/
.cabecera{
    background-image: linear-gradient(to right, rgba(var(--hermes-primary), .9), rgba(var(--hermes-secondary), .9));
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
}

.bg-gradient-ugr {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to right, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}

.bg-gradient-ugr-vertical {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(top, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(top, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to bottom, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}

.bg-gradient-ugr-diagonal {
    background: rgb(var(--hermes-primary));
    background: -webkit-linear-gradient(top left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: -moz-linear-gradient(top left, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
    background: linear-gradient(to bottom right, rgb(var(--hermes-primary)), rgb(var(--hermes-secondary)));
}

.card-nm{
    background: #ffffff;
    box-shadow:  5px 5px 10px #d1d1d1,
             -5px -5px 10px #ffffff;
}