/* #colores institucionales
================================================== */


.azul-claro {
    background-color: #0065A2;
}

.azul-marino {
    background-color: #0D3A5D;
}

.dorado {
    background-color: #D7B46A;
}

.celeste {
    background-color: #A1DAF8;
}

.cyan {
    background-color: #00547A;
}
.bg-blanco {
    background-color: #ffffff !important;
}


.txt-azul-marino {
    color: #0D3A5D !important;
}


.txt-cyan {
    color: #003147 !important;
}

.gris-plata {
    background-color: #EDEDED;
}


.txt-gris-plata {
    color: #EDEDED;
}

.gris {
    background-color: #DADADA;
}

.gris-topo {
    background-color: #706F6F;
}

.txt-negro {
    color: #000000;
}

.negro {
    background-color: #000000;
}

.px-txt-intro {
    padding-right: 25rem !important;
    padding-left: 25rem !important;

} 
/* fonts
==================================================  */
/* Roboto */

@font-face {
    font-family: 'Roboto-regular';
    src: url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
    /* Encode */

    @font-face {
        font-family: 'Encode-Sans-regular';
        src: url('../fonts/Encode_Sans/EncodeSans-Regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Encode-Sans-medium';
        src: url('../fonts/Encode_Sans/EncodeSans-Medium.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Encode-Sans-Light';
        src: url('../fonts/Encode_Sans/EncodeSans-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Encode-Sans-semiBold';
        src: url('../fonts/Encode_Sans/EncodeSans-SemiBold.woff') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    /* #estilos index
================================================== */

.text-logo #logo, h1, h2, h3, h4 {
    font-family: 'Encode-Sans-regular', sans-serif !important;
    font-weight: 600 !important; 
}

#Subheader .title, .text-logo #logo, h1 {
    font-size: 30px !important;
    line-height: 25px;
}

.txt-intro {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1em !important;
}

.txt-herramientas {
    font-size: 1em !important;
    text-align:center;
  
}
.txt-jt {
    font-family: 'Encode-Sans-semiBold', sans-serif !important;
    text-decoration:none !important;
}  


    .px-txt-intro {
    padding-right: 25rem !important;
    padding-left: 25rem !important;
}
.titulo-menu-circular {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1em !important;
    line-height: 20px;
}

.btn-circle {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    font-size: 24px;
    background-color: #0D3A5D !important;
    border-style: none !important;
}

    .btn-circle:hover {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        font-size: 24px;
        background-color: #009FE3 !important;
        transition: background-color .3s ease-in-out;
        text-align: center;
    }

    .btn-circle img {
        max-width: 100%;
        max-height: 100%;
    }

/* #noticias */

.titulo-novedades {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: bold;
    font-size: 1.2em !important;
}

.titulo-noticias-home {
    font-family: 'Encode-Sans-medium', sans-serif !important;
    font-size: 1em !important;
    font-weight: bold;
}
time {
    font-family: 'Encode-Sans-Light', sans-serif !important;
    font-size: 1em !important;
    font-weight: bold;
}

.txt-mas-noti {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: bold;
    font-size: 0.8em !important;
    text-decoration: none !important;
}
.card-img-top {
    object-fit: cover !important;
    height: 200px;
    
}
.btn-main {
  
    background-color: #0D3A5D !important;
    border-style: none !important;
    color:#fff !important;
}
    .btn-main:hover {
        background-color: #009FE3 !important;
        transition: background-color .3s ease-in-out;
    }


.titulo-imagen-nota-color {
    color: #01476c !important;
    font-family: 'Encode-Sans-medium', sans-serif !important;
}

.txt-copete {
    font-family: 'Roboto-medium', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1em !important;
}

.txt-nota {
    font-family: 'Roboto-regular', sans-serif !important;
    color: rgb(66, 66, 66);
    font-size:0.9em;
    text-align: left !important;
    
}

.text-bg-primary {
    color: #fff !important;
    background-color: #14537d !important;
}

.date {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.8em !important;
}


/* #footer */

.titulo-footer {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.2em !important;
    line-height: 20px;
    margin-left: 20px;
    padding: 5px;
}

.sub-titulo-footer {
    font-family: 'Roboto-regular', sans-serif !important;
    font-weight: bold;
    font-size: 1em !important;
    line-height: 20px;
}

.link-contacto {
    color: #FFFFFF !important;
    text-decoration:none;
}

.txt-footer-redes {
    font-family: 'Roboto-regular', sans-serif !important;
    font-size: 0.9em !important;
    line-height: 20px;
    margin: 10px;
    padding-left: 16px !important;
}

.txt-footer {
    font-family: 'Roboto-regular', sans-serif !important;
    font-size: 0.9em !important;
    color: #ffffff !important;
    line-height: 20px;
    margin: 10px 10px 10px 0px;
}

    .txt-footer a {
        font-family: 'Roboto-regular', sans-serif !important;
        font-size: 0.9em !important;
        line-height: 20px;
        color: #ffffff !important;
        text-decoration: none !important;
        cursor: pointer;
        text-align: left;
        padding: 0% !important;
    }

        .txt-footer a:hover {
            font-family: 'Roboto-regular', sans-serif !important;
            font-size: 0.9em !important;
            line-height: 20px;
            color: #ffffff !important;
            text-decoration: none !important;
            cursor: pointer;
            text-align: left;
        }


.titulo-institucional {
    font-family: "Encode-Sans-semiBold";
    color: #0D3A5D;
    font-size: 1.2em;
}

.titulo-tabs {
    font-family: "Encode-Sans-regular";
    color: #0D3A5D;
    font-size: 0.9em;
} 

.txt-parrafo {
    font-family: "Roboto-regular";
    color: rgb(66, 66, 66);
    font-size: 1em;
    text-align: left !important;
}

.titulo-imagen-nota-color {
    color: #01476c !important;
    font-weight: bold;
    font-family: 'Encode-Sans-semiBold', sans-serif !important;
   
}

.titulo-noticias-home {
    line-height: 1.2em !important;
}

.titulo-programa {
    font-family: 'Encode-Sans-semiBold', sans-serif !important;
    color: #145b91;
    font-size:1em !important;
}

.estilo-autoridades {
    font-family: "Encode-Sans-semiBold";

    font-size: 1.1em;
}

.titulo-cards-pt {
    font-family: "Encode-Sans-regular";
    color: #fff;
    font-size: 1.7em !important;
}
.feature-icon {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
}