@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/*** FUENTE ICONOS ***/
@font-face {
    font-family: "govco-fontv2";
    src: url("govco-font-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/***Estilos generales inicio***/

body {
    font-family: 'NunitoSans', sans-serif;
    font-size: 16px;

}

/*Colores*/
:root {
    --color-govco: #2C43B5;

    /*Paleta colores DANE*/
    --color-dane-1: #B6004C;
    --color-dane-2: #7D0641;
    --color-dane-3: #E85984;
    --color-dane-4: #FADBE4;

    /*Paleta colores Economía*/
    --color-eco-1: #604581;
    --color-eco-2: #3E245C;
    --color-eco-3: #9E85BD;
    --color-eco-4: #E2D8F0;

    /*Paleta colores Sociedad*/
    --color-soc-1: #066A8E;
    --color-soc-2: #044861;
    --color-soc-3: #5E9AAF;
    --color-soc-4: #D3E8EF;

    /*Paleta colores Territorio*/
    --color-ter-1: #048260;
    --color-ter-2: #004138;
    --color-ter-3: #4CA18A;
    --color-ter-4: #D3F4EB;

    /*Paleta colores Neutros*/
    --color-negro-1: #333;
    --color-negro-2: #909090;
    --color-negro-3: #BABABA;
    --color-negro-4: #efefef;
    --color-blanco: #FFF;

    /*Paleta colores Mensajes*/
    --color-instruccion: #e6f3e0;
    --color-mensaje: #fff6d3;
    --color-alerta: #ffcfcf;
}

h1,
h2,
h3,
h4 {
    font-family: 'NunitoSans', sans-serif;
}

h1,
h3,
.title-footer {
    font-weight: 800 !important;
}

h1,
h2 {
    margin: 0 !important;
}

h1 {
    font-size: 1.9rem !important;
    letter-spacing: 1.5px;
}

h2 {
    font-size: 1.65rem !important;
    font-weight: 500;
    letter-spacing: 1px;
}

p {
    font-family: 'NunitoSans', sans-serif;
    font-size: 1rem;
    line-height: 1.5 !important;
    color: var(--color-negro-1);
}

a {
    font-weight: 500;
    transition: color 400ms, background-color 400ms, text-decoration 400ms;
}

small {
    font-size: 0.844rem;
}

.color-dane {
    color: var(--color-dane-1);
}

.color-economia {
    color: var(--color-eco-1);
}

.color-sociedad {
    color: var(--color-soc-1);
}

.color-territorio {
    color: var(--color-ter-1);
}

h1,
h2,
.TopbarGobierno .enlaces-topbar a,
.footer-dane,
.content-footer p,
.footer-dane a,
.link-container::before {
    color: var(--color-blanco);
}

.txt-responsive {
    display: none;
    background-color: var(--color-instruccion);
    padding: 1rem;
}

/**Estilos generales fin**/


/**Estilos Barra gobierno inicio**/

.TopbarGobierno {
    background: var(--color-govco);
    height: 48px;
    padding: 0rem 1.5rem 0rem 1.5rem;
    display: flex;
    align-items: center;
}

.TopbarGobierno .container-topbar {
    width: 100%;
}

.logo-gov-co img {
    width: 105px;
}

/**Estilos Barra gobierno fin**/

/**Estilos Header inicio**/

.header-dane,
.footer-dane {
    background: linear-gradient(to right, var(--color-soc-2), var(--color-soc-1));
}

.header-dane {
    padding: 1rem 2rem !important;
    height: auto;
    align-items: center;
    border-bottom: 4px solid var(--color-soc-3);
}

.logo-header {
    float: left;
    height: 60px;
    display: flex;
}

.logo-header img {
    height: 100%;
}

.logo-dane {
    border-right: 1px solid var(--color-blanco);
}

.logo-dane img {
    padding-right: 1rem;
}

.logo-operacion {
    margin: 0 1rem;
}

.titulo-aplicativo hr {
    width: 6.2rem;
    border-top: 3px solid #F5DC9D;
    margin-top: 1rem;
    opacity: 1;
}

/**Estilos Header fin**/

/**Estilos footer inicio**/

/*@charset "UTF-8";*/

/**
   * Gov.co (https://www.gov.co) - Gobierno de Colombia
   *  - Componente: Footer
   *  - Version: 4.0.0
   */



[class^="govco-"]:before,
[class*=" govco-"]:before {
    font-family: "govco-fontv2";
    font-style: normal;
    font-weight: normal;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}

.govco-footer p {
    color: var(--color-blanco);
}

.govco-text-header-portal-1 {
    text-align: left;
    font-size: 20px !important;
    font-weight: 600;
    margin-bottom: 1rem !important;
}

.govco-info-datos-portal p,
.govco-info-telefonos p {
    margin-bottom: 0;
}

.govco-logo {
    height: 30px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo.svg);
    vertical-align: super;
}

.govco-co {
    height: 48px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/v4/assets/images/logo-colombia.svg);
}

.govco-footer {
    background-color: var(--color-govco);
    color: var(--color-blanco);
}

.govco-portales-contenedor {
    padding: 40px 0px;
}

.govco-footer-logo-portal {
    height: auto;
}

.govco-logo-container-portal {
    margin: 40px auto 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.govco-separator {
    border-left: 1px solid #e5eefb;
    opacity: 1;
    height: 44px;
    margin: 0 20px 0 10px;
    display: inline-block;
}

.govco-separator-rows {
    border-left: 1.5px solid #e5eefb;
    height: 100%;
    float: left;
    padding: 0 16px !important;
    margin: 0 !important;
}

.img-footer {
    width: 76px;
    margin: auto;
}

.govco-network {
    margin-top: 48px !important;
}

.govco-texto-telefonos,
.govco-texto-datos-portal {
    display: inline-block;
    width: calc(100% - 40px);
}

.govco-links-portal-container {
    margin-top: 30px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

a.govco-link-portal:hover {
    color: #F5DC9D;
}

.bi {
    color: var(--color-blanco);
    margin-right: .5rem;
}

a.govco-link-portal:hover i.bi {
    color: #F5DC9D;
}

.govco-link-portal {
    color: var(--color-blanco);
    margin-right: 20px !important;
    text-decoration: underline;
    display: flex;
    align-items: center;
    float: left;
}

.govco-twitter:before {
    content: "\ee17";
}

.govco-instagram:before {
    content: "\ed5c";
}

.govco-facebook-f:before {
    content: "\ed0e";
}

.govco-facebook:before {
    content: "\ed11";
}

.govco-youtube,
.govco-linkedin-in,
.govco-tiktok {
    min-width: 1.1rem;
    min-height: 1.1rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 1.1rem 1.1rem;
}

.govco-youtube {
    background-image: url(../iconos/youtube.svg);
}

a.govco-link-portal:hover .govco-youtube {
    background-image: url(../iconos/youtube_on.svg);
}

.govco-linkedin-in {
    background-image: url(../iconos/linkedin-in.svg);
}

a.govco-link-portal:hover .govco-linkedin-in {
    background-image: url(../iconos/linkedin-in_on.svg);
}

.govco-tiktok {
    background-image: url(../iconos/tiktok.svg);
}

a.govco-link-portal:hover .govco-tiktok {
    background-image: url(../iconos/tiktok_on.svg);
}

.govco-phone:before {
    content: "\ea8a";
}

.govco-phone-alt:before {
    content: "\ea85";
}

.govco-text-header-portal-2 {
    text-align: left;
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.govco-iconContainer {
    display: inline-block !important;
}

.icon-portal::before {
    margin: 0 !important;
    padding: 0 !important;
    transform: scale(1.5, 1.5);
    margin-right: 10px !important;
    margin-left: 5px !important;
    vertical-align: text-top !important;
    color: var(--color-blanco);
}

.govco-mostrar {
    display: none !important;
}

/* Estilos base comunes para todos los iconos de redes sociales */
.govco-iconContainer [class^="iconos-redes-"] {
    margin-right: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.1s all ease;
}

.govco-iconContainer .iconos-redes-x {
    width: 16px;
    height: 16px;
    background-image: url(https://www.dane.gov.co/images/iconos/x.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-x {
    background-image: url(https://www.dane.gov.co/images/iconos/x-hover.svg);
}
*/
.govco-iconContainer .iconos-redes-facebook {
    width: 11px;
    height: 18px;
    background-image: url(https://www.dane.gov.co/images/iconos/facebook-f.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-facebook {
    background-image: url(https://www.dane.gov.co/images/iconos/facebook-f-hover.svg);
}
*/
.govco-iconContainer .iconos-redes-instagram {
    width: 18px;
    height: 20px;
    background-image: url(https://www.dane.gov.co/images/iconos/instagram.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-instagram {
    background-image: url(https://www.dane.gov.co/images/iconos/instagram-hover.svg);
}
*/
.govco-iconContainer .iconos-redes-youtube {
    width: 24px;
    height: 20px;
    background-image: url(https://www.dane.gov.co/images/iconos/youtube.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-youtube {
    background-image: url(https://www.dane.gov.co/images/iconos/youtube-hover.svg);
}
*/

.govco-iconContainer .iconos-redes-linkedin {
    width: 16px;
    height: 16px;
    background-image: url(https://www.dane.gov.co/images/iconos/linkedin-in.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-linkedin {
    background-image: url(https://www.dane.gov.co/images/iconos/linkedin-in-hover.svg);
}
*/
.govco-iconContainer .iconos-redes-tiktok {
    width: 15px;
    height: 18px;
    background-image: url(https://www.dane.gov.co/images/iconos/tiktok.svg);
}

/*
.govco-iconContainer a:hover .iconos-redes-tiktok {
    background-image: url(https://www.dane.gov.co/images/iconos/tiktok-hover.svg);
}
*/
/*    Gov-co-footer*/
.govco-logo {
    height: 30px;
    display: inline-block;
    content: url(https://cdn.www.gov.co/assets/images/logoGovCO.png);
    vertical-align: super;
}

/*col-sm*/
@media (max-width: 575.98px) {
    .govco-iconContainer .iconos-redes-x {
        width: 16px;
        height: 16px;
    }

    .govco-iconContainer .iconos-redes-facebook {
        width: 15px;
        height: 22px;
    }

    .govco-iconContainer .iconos-redes-instagram {
        width: 18px;
        height: 20px;
    }

    .govco-iconContainer .iconos-redes-youtube {
        width: 18px;
        height: 18px;
        background-size: 18px;
    }

    .govco-iconContainer .iconos-redes-linkedin {
        width: 15px;
        height: 16px;
    }

    .govco-iconContainer .iconos-redes-tiktok {
        width: 15px;
        height: 18px;
    }
}

/*col-md*/
@media (max-width: 767.98px) {}

/**Estilos footer fin**/


/****RESPONSIVE INICIO****/

/***Inicio max-width: (min-width: 1281px) and (max-width: 1366px)***/
@media (min-width: 1281px) and (max-width: 1366px) {
    .govco-separator-rows {
        height: 110%;
    }
}

/***Fin max-width: (min-width: 1281px) and (max-width: 1366px)***/

/***Inicio max-width: (min-width: 1281px) and (max-width: 1366px)***/
@media (min-width: 1024px) and (max-width: 1280px) {}

/***Fin max-width: (min-width: 1281px) and (max-width: 1366px)***/

/***Inicio max-width: 991px***/
@media all and (max-width: 991px) {

    h1 {
        font-size: calc(1rem + 1.4vw) !important;
    }

    h2 {
        font-size: calc(0.875rem + 1.4vw) !important;
    }

    h3 {
        font-size: calc(0.625rem + 1.4vw) !important;
    }


    .titulo-aplicativo hr {
        margin: 1.2rem auto 0.8rem auto;
    }

    .govco-portales-contenedor {
        padding: 40px 20px;
    }

    .govco-network {
        margin-top: 30px !important;
    }

    .govco-separator-rows {
        display: none;
    }

    .govco-texto-telefonos {
        margin-top: 40px !important;
    }

    .govco-links-portal-container {
        margin-bottom: 40px !important;
    }
}

/***Fin max-width: 991px***/

/***Inicio max-width: 767px***/
@media all and (max-width: 767px) {

    /**Barra gobierno - Inicio max-width: 767px**/

    .logo-gov-co {
        text-align: center;
    }

    /**Barra gobierno - Fin max-width: 767px**/

    /**Header - Fin max-width: 991px**/

    .logo-header {
        margin: .5rem auto 1rem auto;
        height: 100%;
        align-items: center;
        justify-content: center;
    }


    .titulo-aplicativo {
        margin-top: .5rem;

    }

    .titulo-aplicativo {
        text-align: center;
    }

    .logo-dane {
        border-right: none
    }

    .logo-dane img,
    .logo-operacion img {
        width: 200px;
        margin-bottom: 1rem;
    }

    /**Header - Inicio max-width: 991px**/

    .txt-responsive {
        display: block;
    }

}

/***Fin max-width: 768px***/

/***Inicio max-width: 575px***/

@media (max-width: 575px) {
    .govco-iconContainer {
        width: 100%;
    }

    .logo-header {
        flex-direction: column;
    }

}

/***Fin max-width: 575px***/

/****RESPONSIVE FIN****/