*{
    text-decoration: none !important;
}
.bg1{
	background: url(https://www.ucaldas.edu.co/portal/wp-content/uploads/2020/07/comunidad-afro.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg2{
	background: url(https://img.freepik.com/photos-premium/travail-equipe-travailleur-afro-americain-dans-usinehomme-noir-afro-travail-industriel-lourd_10541-5121.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg3{
	background: url(https://www.compartamos.com.mx/wcm/connect/bc807fca-411b-4571-a8a9-9ce309a6d718/tips-para-motivar-el-emprendimiento-para-mujeres.jpg?MOD=AJPERES);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg4{
    background: url(https://indervalle.gov.co/wp-content/uploads/2024/08/Santiago-Solis-850x520.jpeg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bdbody{
    background: url(https://www.funcionpublica.gov.co/sigep-web/sigep2/javax.faces.resource/images/background.png);
    background-size: contain;
}


.tarjeta-govco {
  border-radius: 0.625rem;
  text-decoration: none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  padding: 0;
}

.tarjeta-govco .container-img-tarjeta-govco {
  background-color: #F6F8F9;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.tarjeta-govco .container-img-tarjeta-govco .image-tarjeta-govco {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
}

.tarjeta-govco .body-tarjeta-govco {
  background-color: #FFFFFF;
}

.tarjeta-govco .body-tarjeta-govco span {
  color: #707070;
  font-size: 14px;
  font-family: WorkSans-Regular;
  margin-bottom: 0.625rem;
  display: block;
}

.tarjeta-govco .body-tarjeta-govco h5 {
  font-family: Montserrat-SemiBold;
  color: #3366CC;
  text-decoration: underline;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.688rem;
}

.tarjeta-govco .body-tarjeta-govco p {
  font-family: WorkSans-Regular;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  line-height: 1.5rem;
}

.tarjeta-govco:hover,
.tarjeta-govco:focus-visible,
.tarjeta-govco:focus {
  text-decoration: none;
  box-shadow: 0 0.25rem 0 #3366CC24;
}

.tarjeta-govco:focus-visible,
.tarjeta-govco:focus {
  outline: max(0.125rem, 0.15em) solid #000000;
  outline-offset: max(0.125rem, 0.15em);
}

.tarjeta-govco:hover .body-tarjeta-govco h5,
.tarjeta-govco:focus .body-tarjeta-govco h5 {
  color: #004884;
}

.tarjeta-govco.horizontal-tarjeta-govco {
  display: flex;
  max-width: 34.75rem;
  height: 12.5rem;
  border: 0.063rem solid #E5EEFB;
}

.tarjeta-govco.horizontal-tarjeta-govco .container-img-tarjeta-govco {
  border-radius: 0.625rem 0 0 0.625rem;
  max-width: 16.438rem;
  height: 100%;
}

.tarjeta-govco.horizontal-tarjeta-govco .body-tarjeta-govco {
  border-radius: 0 0.625rem 0.625rem 0;
  max-width: 18.313rem;
  height: 100%;
  padding: 1.875rem;
}

.tarjeta-govco.horizontal-tarjeta-govco .body-tarjeta-govco p {
  color: #000000;
}

.tarjeta-govco.horizontal-tarjeta-govco:hover,
.tarjeta-govco.horizontal-tarjeta-govco:focus-visible,
.tarjeta-govco.horizontal-tarjeta-govco:focus {
  border-color: #3366CC;
}

.tarjeta-govco.reverse-tarjeta-govco {
  flex-direction: row-reverse;
}

.tarjeta-govco.reverse-tarjeta-govco .container-img-tarjeta-govco {
  border-radius: 0 0.625rem 0.625rem 0;
}

.tarjeta-govco.reverse-tarjeta-govco .body-tarjeta-govco {
  border-radius: 0.625rem 0 0 0.625rem;
}



.focusactive{
  border: 1px solid #3366CC;
    outline: max(0.125rem, 0.15em) solid #000000 !important;
    outline-offset: max(0.125rem, 0.15em);
    outline-offset: 4px !important;
    box-shadow: 0 0.25rem 0 #3366CC24;
}
.boxIcon{
  background: #0c6ffd30;
    width: 40px !important;
    height: 40px !important;
    overflow: hidden;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
}
}