/* ESTILOS PROPIOS */

@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.avatar-img {

	overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
	
}

.bg-inactive {
   background: #dddddd;
   color: #808B96;
}
.bg-agenda {
   background: #F08080;
   color: #000000;
}






.gov-co-1{

    background-color: #3366CC !important;

}

.border-radius-logo{
border-radius: 162px 162px 162px 162px;
-moz-border-radius: 162px 162px 162px 162px;
-webkit-border-radius: 162px 162px 162px 162px;
border: 3px solid #FFF;
}



/* footer */

.page__footer {

    padding-bottom: 20px!important;

    padding-top: 77px;

    margin-top: 1.8%;

    background-color: #212529!important;

    color: white !important;



}



.page__footer .container {

    width: 100%;

    max-width: inherit;

    padding-right: 0;

    padding-left: 0;

}



.border-right {

    border-right: 1px solid #dee2e6!important;

}



.page__footer .container .footer-container .nav-footer {

    flex-wrap: wrap;

    flex-direction: row;

}



.font-weight-bold {

    font-weight: 700!important;

}

.text-help{
    color: red;
}

.cards{

    transition: all 0.2s ease;
    cursor: pointer;
    }
    
.cards:hover{
    
    box-shadow: 5px 6px 6px 2px #1f2020;
    transform: scale(0.9);
    }





















/* query medias */

@media (max-width: 800px) {

    .logo-gov-co {

        margin-bottom: 100px!important;

    }

    .navbar-brand img{ height: 28px!important;}

    .img-imct{

        margin-top:50px!important;

        width: 100px!important;

    }

  }
  
  
.nav-oscuro-brillante {
    background: linear-gradient(145deg, #0a0a0a, #000000); /* Degradado sutil */
    color: #ffffff;
    border-bottom: 1px solid #1a1a1a;
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, 0.05),
      0 2px 6px rgba(0, 0, 0, 0.6); /* Brillo interior + sombra exterior */
  }
  .oscuro-brillante {
    background: linear-gradient(145deg, #0a0a0a, #000000); /* Degradado sutil */
    color: #ffffff;

  }

  .lustria-regular {
    font-family: "Lustria", serif;
    font-weight: 400;
    font-style: normal;
  }

  .titulo-elegante {
    font-family: 'Lustria', serif;
    font-size: 3rem;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    position: relative;
    display: inline-block;
    margin: 2rem auto;
  }

  .titulo-elegante::after {
    content: '';
    display: block;
    width: 60%;
    height: 4px;
    background: linear-gradient(to right, #000, #444, #000);
    margin: 0.5rem auto 0;
    border-radius: 2px;
  }