/* Color base: .azulado */
/* Fondo header y footer */
.azulado .bottom-content, .azulado .top-content {
    background: linear-gradient(to bottom, #0049b6 0%, #003d8d 100%);
    color: white;
    z-index: 150;
}

/* Fondo menú */
@media (min-width: 768px) {
    .azulado .horizontal-menu .bottom-navbar:not(.middle-navbar), .azulado .bottom-navbar:not(.middle-navbar) {
        background: none;
        background: linear-gradient(to bottom, #e4f7ff 0%, #c5e4f7ff 100%) !important;
        border-bottom: 1px solid #003d8d !important;
    }
}

/* Texto menú */
.azulado .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    color: #002556;
}
@media (min-width: 768px) {
    .azulado .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i, .azulado .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
        color: #002556;
        transition: color 1s ease;
    }
}

/* Titulos cuadros primario */
.azulado .bg-primary-lines {
    background: none;
    background-color: #34b;
    background-image: linear-gradient(0deg, #34b 50%, #47a 50%);
    background-size: 3px 3px;
    opacity: 1;
}

/* Titulos cuadros secundario */
.azulado .bg-secondary-lines {
    background: none;
    background-color: #694c19;
    background-image: linear-gradient(0deg, #874 50%, #b80 50%);
    background-size: 3px 3px;
    opacity: 1;
}

.azulado .faselunar.nueva {
    background: #6db3f244;
}
.azulado .faselunar.menguante {
    background: linear-gradient(to left, #6db3f244 48%, #54a3ee 50%, #3690f0 51%, #1e69deaa 100%);
}
.azulado .faselunar.creciente {
    background: linear-gradient(to right, #6db3f244 48%, #54a3ee 50%, #3690f0 51%, #1e69deaa 100%);
}
.azulado .faselunar.llena {
    background: #3690f0;
}


/* Color base: .verdoso */
/* Fondo header y footer */
.verdoso .bottom-content, .verdoso .top-content {
    background: linear-gradient(to bottom, #00b602 0%, #008d02 100%);
    color: white;
    z-index: 150;
}

/* Fondo menú */
@media (min-width: 768px) {
    .verdoso .horizontal-menu .bottom-navbar:not(.middle-navbar), .verdoso .bottom-navbar:not(.middle-navbar) {
        background: none;
        background: linear-gradient(to bottom, #e4ffe6 0%, #c5f7cb 100%) !important;
        border-bottom: 1px solid #008d07 !important;
    }
}

/* Texto menú */
.verdoso .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    color: #004400;
}
@media (min-width: 768px) {
    .verdoso .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i, .verdoso .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
        color: #1bb122;
        transition: color 1s ease;
    }
}

/* Titulos cuadros primario */
.verdoso .bg-primary-lines {
    background: none;
    background-color: #33bb33;
    background-image: linear-gradient(0deg, #33bb33 50%, #4eaa44 50%);
    background-size: 3px 3px;
    opacity: 1;
}

/* Titulos cuadros secundario */
.verdoso .bg-secondary-lines {
    background: none;
    background-color: #694c19;
    background-image: linear-gradient(0deg, #874 50%, #b80 50%);
    background-size: 3px 3px;
    opacity: 1;
}
.verdoso .faselunar.llena {
    background: #43f036;
}
.verdoso .faselunar.menguante {
    background: linear-gradient(to left, #72f26d44 48%, #5fee54 50%, #43f036 51%, #21de1eaa 100%);;
}
.verdoso .faselunar.nueva {
    background: #72f26d44;
}
.verdoso .faselunar.creciente {
    background: linear-gradient(to right, #72f26d44 48%, #5fee54 50%, #43f036 51%, #de1e1eaa 100%);
}


/* Color base: .rojizo */
/* Fondo header y footer */
.rojizo .bottom-content, .rojizo .top-content {
    background: linear-gradient(to bottom, #b60000 0%, #8d0000 100%);
    color: white;
    z-index: 150;
}

/* Fondo menú */
@media (min-width: 768px) {
    .rojizo .horizontal-menu .bottom-navbar:not(.middle-navbar), .rojizo .bottom-navbar:not(.middle-navbar) {
        background: none;
        background: linear-gradient(to bottom, #ffe4e4 0%, #f7c5c5 100%) !important;
        border-bottom: 1px solid #8d0000 !important;
    }
}

/* Texto menú */
.rojizo .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    color: #160000;
}
@media (min-width: 768px) {
    .rojizo .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i, .rojizo .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
        color: #ee4646;
        transition: color 1s ease;
    }
}

/* Titulos cuadros primario */
.rojizo .bg-primary-lines {
    background: none;
    background-color: #bb3333;
    background-image: linear-gradient(0deg, #571616 50%, #aa4444 50%);
    background-size: 3px 3px;
    opacity: 1;
}

/* Titulos cuadros secundario */
.rojizo .bg-secondary-lines {
    background: none;
    background-color: #694c19;
    background-image: linear-gradient(0deg, #874 50%, #b80 50%);
    background-size: 3px 3px;
    opacity: 1;
}
.rojizo .faselunar.llena {
    background: #f03636;
}
.rojizo .faselunar.menguante {
    background: linear-gradient(to left, #f26d6d44 48%, #ee5454 50%, #f03636 51%, #de1e1eaa 100%);
}
.rojizo .faselunar.nueva {
    background: #f26d6d44;
}
.rojizo .faselunar.creciente {
    background: linear-gradient(to right, #f26d6d44 48%, #ee5454 50%, #f03636 51%, #de1e1eaa 100%);
}


/* Color base: .amarillento */
/* Fondo header y footer */
.amarillento .bottom-content, .amarillento .top-content {
    background: linear-gradient(to bottom, #b69e00 0%, #8d7900 100%);
    color: white;
    z-index: 150;
}

/* Fondo menú */
@media (min-width: 768px) {
    .amarillento .horizontal-menu .bottom-navbar:not(.middle-navbar), .amarillento .bottom-navbar:not(.middle-navbar) {
        background: none;
        background: linear-gradient(to bottom, #fffde4 0%, #f7f1c5 100%) !important;
        border-bottom: 1px solid #8d6c00 !important;
    }
}

/* Texto menú */
.amarillento .horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link {
    color: #161100;
}
@media (min-width: 768px) {
    .amarillento .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link i, .amarillento .horizontal-menu .bottom-navbar .page-navigation > .nav-item:hover > .nav-link .menu-title {
        color: #af9725;
        transition: color 1s ease;
    }
}

/* Titulos cuadros primario */
.amarillento .bg-primary-lines {
    background: none;
    background-color: #694c19;
    background-image: linear-gradient(0deg, #874 50%, #b80 50%);
    background-size: 3px 3px;
    opacity: 1;
}

/* Titulos cuadros secundario */
.amarillento .bg-secondary-lines {
    background: none;
    background-color: #bb3333;
    background-image: linear-gradient(0deg, #571616 50%, #aa4444 50%);
    background-size: 3px 3px;
    opacity: 1;
}

.amarillento .faselunar.llena {
    background: #f0ba36;
}
.amarillento .faselunar.menguante {
    background: linear-gradient(to left, #f2da6d44 48%, #eed854 50%, #f0c836 51%, #deb11eaa 100%);
}
.amarillento .faselunar.nueva {
    background: #f2da6d44;
}
.amarillento .faselunar.creciente {
    background: linear-gradient(to right, #f2da6d44 48%, #eed854 50%, #f0ba36 51%, #deb11eaa 100%);
}