/***Estilos generales inicio***/

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

 .titulo-aplicativo h1,
 .titulo-aplicativo h2,
 h3,
 .title-footer {
     font-family: 'Oswald', sans-serif;
 }

 p {
     font-size: 1rem;
     color: #333333
 }

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

 small {
     font-size: 0.844rem;
 }

 .color-dane {
     color: #B50A4D;
 }

 .titulo-aplicativo h1,
 .titulo-aplicativo h2,
 .TopbarGobierno .enlaces-topbar a,
 .footer-dane,
 .content-footer p,
 .footer-dane a,
 .link-container::before {
     color: #ffffff;
 }

 .txt-responsive {
     display: none;
     background-color: rgba(245, 220, 157, 0.3);
     padding: 1rem;
 }

 .header-dane,
 .footer-dane {
    /** Gradiente magenta **/
     /** background: linear-gradient(to right, #0A568E, #19476B); **/
     /**background: linear-gradient(to right, #B6004C, #7d0641); **/
    background: linear-gradient(to right, #048260, #004138);
 }

 /**Estilos generales fin**/


 /**Estilos Barra gobierno inicio**/

 .TopbarGobierno {
     background: #0066cd;
     height: auto;
     /* Ajustado a auto para que se adapte al contenido */
     padding: 0.5rem 1rem;
 }

 .TopbarGobierno .container-topbar {
     width: 100%;
     overflow: hidden;
     /* Para contener los floats */
 }

 #logo-gov-co img {
     width: 145px;
 }

 .TopbarGobierno .enlaces-topbar {
     text-align: center;
     /* Centrar los enlaces */
     overflow: hidden;
     /* Limpiar floats */
 }

 .TopbarGobierno .enlaces-topbar a {
     display: inline-block;
     /* Mostrar como elemento en línea con bloque */
     margin-left: 20px;
     text-decoration: none;
     font-weight: normal;
     line-height: 1;
     /* Centrar el texto a nivel de interlínea */
 }

 .TopbarGobierno .enlaces-topbar a:hover {
     text-decoration: underline;
 }

 /**Estilos Barra gobierno fin**/

 /**Estilos Header inicio**/

 .header-dane {
     padding: 1rem 0;
     height: auto;
     display: flex;
     align-items: center;
     /** Borde consecuente con el gradiente del encabezado **/
     /** border-bottom: 4px solid #009DDB; **/
     /** border-bottom: 4px solid #B50A4D; **/
     border-bottom: 4px solid #4ca18a;
 }

 .logo-dane {
     float: right;
     width: 280px;
 }

 .titulo-aplicativo h1 {
     font-weight: 300;
     font-size: 1.4rem;
     padding: 0;
     margin: 0;
     letter-spacing: 3px;
 }

 .titulo-aplicativo h2 {
     font-weight: 800;
     font-size: 1.7em;
     margin: 0;
     letter-spacing: 3px;
     margin-top: 0.4rem;
 }

 .titulo-aplicativo hr {
     width: 5rem;
     border-top: 2px solid #F5DC9D;
     margin-top: 0.8rem;
     margin-bottom: 0rem;
     opacity: 1;
 }

 /**Estilos Header fin**/

 /**Estilos footer inicio**/

 .footer-dane {
     padding-top: 40px;
 }

 .title-footer {
     font-weight: 700;
     font-size: 18px;
     margin: 0 0 24px;
 }

 .img-title_footer img {
     float: left;
     width: 33px;
     margin-right: 10px;
 }

 .content-footer {
    margin-left: 43px;
    margin-bottom: 1rem;
 }

 .content-footer p{
    margin-bottom: 0;
}

 .img-title_footer {
     width: 90%;
 }

 #contacto-dane .img-title_footer img {
     margin: 0 10px 0 0;
 }

 #contacto-dane img {
     margin: 1rem auto;
 }

 .centered-img{
    text-align: center;
 }

 .centered-img a{
    display: block;
    width: 100%;
 }

 #direccion-dane {
     margin-top: 1.5rem;
 }

 .footer-redes {
     margin-top: 1rem;
     padding: 30px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.3);
 }

 ul.social-icons {
     margin-bottom: 0;
 }

 .footer-redes .marca-dane {
     text-align: right;
 }

 .link-container {
     display: flex;
     align-items: center;
     margin-bottom: 1px;
     text-align: left;
 }

 .link-container a,
 .content-footer a {
     text-decoration: none;
 }

 .link-container a:hover,
 .content-footer a:hover {
     text-decoration: underline;
 }

 .link-container::before {
     content: '\25A0';
     margin-right: 8px;
     font-size: .8rem;
 }

 .link-container {
     margin-bottom: 0.5rem;
 }

 .link-container p {
     margin-bottom: 0;
 }

 .fab,
 .icon-joomla {
     font-family: "Font Awesome 5 Brands";
     font-weight: 400;
 }



 ul.social-icons>li:not(:last-child) {
     margin-right: 36px;
 }

 ul.social-icons>li {
     display: inline-block;
     line-height: 1.5;
     font-size: 1.5rem;
 }

 ul.social-icons>li.social-icon-twitter svg {
     width: 25px !important;
 }

 .social-icon-pinterest,
 .social-icon-flickr {
     display: none !important;
 }

 .footer-redes a:hover,
 .footer-dane a:hover {
     color: #FCD55F;
 }
 /**Estilos footer fin**/


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

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

     /**Header - Inicio max-width: 991px**/
     .logo-dane {
        width: 200px;
        float: none;
        margin: 0 auto 1.5rem auto;
    }

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

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

     #legal-dane,
     #atencion-dane {
         margin-top: 1.5rem;
     }

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

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

     .enlaces-topbar-movil a {
         float: left;
         width: 100%;
         margin-bottom: .5rem;
         color: #0066cd;
         text-decoration: none;
     }

     .enlaces-topbar-movil a:hover {
         color: #054789;
         text-decoration: underline;
     }

     .offcanvas-header {
         justify-content: flex-end;
     }

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

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

     ul.social-icons {
         display: flex;
         align-content: center;
         align-items: center;
         justify-content: center;
         margin-bottom: 1rem !important;
     }

     ul.social-icons {
         padding-left: 0;
     }

     .footer-redes .marca-dane {
         text-align: center;
     }

     .footer-redes {
         margin-top: 1.5rem;
     }

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

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

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

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

     .TopbarGobierno .enlaces-topbar a {
         display: block;
         margin-left: 0;
         margin-bottom: 10px;
     }

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

     .txt-responsive {
         display: block;
     }
     #contacto-dane img {
        margin: 1rem 0 1.5rem 0;
    }

     .centered-img{
        margin-bottom: 1.2rem;
     }

     .centered-img a {
        display: inline;
    }

     #direccion-dane {
         margin-top: 1.5rem;
     }
 }

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

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

 @media (max-width: 575px) {

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

     #enlaces-GovCo {
         float: none;
         text-align: center;
     }

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

 }

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

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