:root {
    --color-1: #79a3d0;
    --color-01: #9ebddd;

    --color-2: #BD9731;
    --color-02: #ddb23a;

    --color-00: #FFFFFF;
    --color-dark: #000;
}

.header-top{
    font-size: 12px;
}
.header-top a{
    color: var(--color-00);
}
.header-top a i{
    font-size: 16px;
}

.header-top .dropdown button{
    padding: 0;
    color: var(--color-00);
    font-size: 12px;
    text-transform: uppercase;
}

.navbar-brand img{
    height: 55px;
}

.cmacve-section-counter{
    background-color: var(--color-1);
}

.cmacve-section-conacem{
    background-color: #ECE8E8;
    background-image: url("../images/inicio/bg-conacem.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(90deg, #FFFFFF 25%, #F2295B00 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

}


.bg-sky-blue {
    background-color: #9ebddd !important;
}
.bg-sky-blue-gradient {
    background: linear-gradient(180deg, #B1D6FA 50%, #9ebddd 100%) repeat-x !important;
}

.bg-yellow {
    background-color: var(--color-02) !important;
}
.bg-yellow-dark{
    background-color: var(--color-2) !important;
}


.color-light{
    color: var(--color-00);
}

.escuelasFormadoras{

}
.escuelasFormadoras .label-city{
   font-size: 12px;
}

.list-escuelas-formadoras .city{
    font-size: 10px;
    color: var(--color-1);
}
.list-escuelas-formadoras .escuela{
    font-size: 14px;
    color: #000;
    text-align: justify;
    line-height: 1.5;
    display: block;
}
.list-escuelas-formadoras .escuela:hover{
    color: #101010;
}

.escuelasFormadoras .th{
    background-color: #abc5e4;
    color: #003762;
    border-right: 1px solid #FFF;
    font-weight: 600;
}
.escuelasFormadoras .escuela{
    border: 1px solid #bab9ba;
}
.escuelasFormadoras .escuela .text{
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    padding: 1px 5px;
    border-right: 1px solid #bab9ba;
}
.escuelasFormadoras .escuela .text.last{
    border-right:none !important;
}
.escuelasFormadoras .escuela .labels{

}
.escuelasFormadoras .td.border-end{
    border-right: 2px solid #bab9ba;
}

/*ENFERMEDADES VASCULARES*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: var(--color-00);
}
.max-width-300px {
    max-width: 300px;
    width: 100%;
}


/*LIGAS DE INTERES*/
.list-group-item.active{
    background-color: var(--color-1);
    border-color: var(--color-1);
    color: var(--color-00);
}

.accordion-button:not(.collapsed) {
    background-color: var(--color-1);
    color: var(--color-00);

}
.list-type-02 a{
    color: var(--color-dark);
}
.list-type-02 a:hover{
    color: var(--color-1);
}


@media (max-width: 992px) {

    .escuelasFormadoras .escuela .text{
        text-align: center;
        color: #000;
        font-weight: 600;
    }
    .escuelasFormadoras .escuela .labels{
        background-color: #799fc4;
        color: #144770;
        width: 100%;
        text-align: center;
        font-size: 10px;
        font-weight: 600;
    }
    .escuelasFormadoras .escuela .text.nombre-escuela{
        background-color: #12446e;
        color: #FFF;
        font-size: 18px;
        width: 100%;
        padding: 1px 5px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .navbar-brand img{
        height: 68px;
    }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .header-main .navbar-nav > .nav-item > .nav-link {
        font-size: 14px;
        padding-left: 1px;
        padding-right: 1px;
    }

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .header-main .navbar-nav > .nav-item > .nav-link {
        font-size: 16px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  }