/***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 {
   background: linear-gradient(to right, #0A568E, #19476B);
}

/**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;
   border-bottom: 4px solid #009DDB;
}

.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****/