@charset "UTF-8";

/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: Tarjetas de Información
 *  - Version: 4.0.0
 */

/* Montserrat-SemiBold */
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../assets/fonts/Montserrat/Montserrat-SemiBold.ttf');
}

/* WorkSans-Regular */
@font-face {
  font-family: 'WorkSans-Regular';
  src: url('../assets/fonts/Work_Sans/static/WorkSans-Regular.ttf');
}

/* WorkSans-Medium */
@font-face {
  font-family: 'WorkSans-Medium';
  src: url('../assets/fonts/Work_Sans/static/WorkSans-Medium.ttf');
}

/* Montserrat-Bold */
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../assets/fonts/Montserrat/Montserrat-Bold.ttf');
}

html {
  font-size: 100%; /* 100% = 16px */
}

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

.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: 5;
  -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: 10;
  -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-horizontal{
  display: flex;
  max-width: 50.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.vertical-tarjeta-govco {
  display: inline-block;
  max-width: 22.75rem;
  height: 29.375rem;
}

.tarjeta-govco.vertical-tarjeta-govco .container-img-tarjeta-govco {
  border-radius: 0.625rem 0.625rem 0 0;
  width: 100%;
  height: 16.25rem;
}

.tarjeta-govco.vertical-tarjeta-govco .body-tarjeta-govco {
  border-radius: 0 0 0.625rem 0.625rem;
  width: 100%;
  height: 13.125rem;
  padding: 1.875rem 0.625rem 0.625rem 0.625rem;
  border: 0.063rem solid #E5EEFB;
  border-top: 0;
}

.tarjeta-govco.vertical-tarjeta-govco .body-tarjeta-govco p {
  color: #4B4B4B;
}

.tarjeta-govco.vertical-tarjeta-govco:hover .body-tarjeta-govco, 
.tarjeta-govco.vertical-tarjeta-govco:focus-visible .body-tarjeta-govco,
.tarjeta-govco.vertical-tarjeta-govco:focus .body-tarjeta-govco {
  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;
}

.icono-tarjeta-govco {
  border-radius: 0.313rem;
  border: 0.063rem solid #E6EFFD;
  background-color: #FFFFFF;
  text-decoration: none;
  display: inline-block;
}

.icono-tarjeta-govco .container-icono-tarjeta-govco img {  
  max-width: 100%;
  max-height: 100%;
}

.icono-tarjeta-govco .body-tarjeta-govco h5 {
  font-family: WorkSans-Medium;
  font-size: 16px;
  text-decoration: underline;
  color: #3366CC;
  margin-bottom: 0;
  line-height: 1.2rem;
  margin-top: 0;
}

.icono-tarjeta-govco .body-tarjeta-govco p {
  font-family: WorkSans-Regular;
  font-size: 16px;
  color: #000000;
  margin-top: 0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 4.813rem;
  line-height: 1.2rem;
}

a.icono-tarjeta-govco:hover,
button.icono-tarjeta-govco:hover  {
  text-decoration: none;
  border: 1px solid #3366CC;
  box-shadow: 0 0.25rem 0 #3366CC24;
  color: #004884;
}

a.icono-tarjeta-govco:focus-visible,
a.icono-tarjeta-govco:focus,
button.icono-tarjeta-govco:focus-visible,
button.icono-tarjeta-govco:focus {
  border: 1px solid #3366CC;
  outline: max(0.125rem, 0.15em) solid #000000;
  outline-offset: max(0.125rem, 0.15em);
  box-shadow: 0 0.25rem 0 #3366CC24;
  color: #004884;
}

div.icono-tarjeta-govco {
  background-color: #F2F2F2;
  cursor: default;
}

div.icono-tarjeta-govco .container-icono-tarjeta-govco img {
  filter: grayscale(100%);
}

div.icono-tarjeta-govco .body-tarjeta-govco h5,
div.icono-tarjeta-govco .body-tarjeta-govco p {
  color: #4B4B4B;
}

.icono-tarjeta-govco.variable-tarjeta-govco {
  background-color: #F6F8F9;
  border: 0;
}

.icono-tarjeta-govco.vertical-tarjeta-govco {
  max-width: 16rem;
  height: 17.188rem;
  text-align: center;
  padding: 1.875rem 1.25rem 1.25rem 1.25rem;
}

.icono-tarjeta-govco.vertical-tarjeta-govco .container-icono-tarjeta-govco {
  max-width: 4.625rem;
  height: 4.625rem;
  margin: 0 auto;
}

.icono-tarjeta-govco.vertical-tarjeta-govco .body-tarjeta-govco {
  margin-top: 0.313rem;
}

.icono-tarjeta-govco.vertical-tarjeta-govco .body-tarjeta-govco .title-body-tarjeta-govco {
  position: relative;
  height: 2.5rem;
  width: 100%;
}

.icono-tarjeta-govco.vertical-tarjeta-govco .body-tarjeta-govco h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  line-height: 1.2rem;
  margin-top: 0;
}

.icono-tarjeta-govco.horizontal-tarjeta-govco {
  width: 30.625rem;
  height: 6.25rem;
  padding: 1.375rem;
}

.icono-tarjeta-govco.horizontal-tarjeta-govco .container-icono-tarjeta-govco {
  max-width: 2.938rem;
  height: 2.938rem;
  min-width: 2.938rem;
}

.icono-tarjeta-govco.horizontal-tarjeta-govco,
.icono-tarjeta-govco.horizontal-tarjeta-govco .container-icono-tarjeta-govco,
.icono-tarjeta-govco.horizontal-tarjeta-govco .body-tarjeta-govco {
  display: flex;
  align-items: center;
}

.icono-tarjeta-govco.horizontal-tarjeta-govco .body-tarjeta-govco {
  margin-left: 1rem;
  max-width: 13.063rem;
  height: 4.875rem;
  margin-left: 1rem;
}

.icono-tarjeta-govco.horizontal-tarjeta-govco .body-tarjeta-govco h5 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  line-height: 1.2rem;
  margin-top: 0;
}

a.icono-tarjeta-govco.horizontal-tarjeta-govco:focus-visible,
a.icono-tarjeta-govco.horizontal-tarjeta-govco:focus,
button.icono-tarjeta-govco.horizontal-tarjeta-govco:focus-visible,
button.icono-tarjeta-govco.horizontal-tarjeta-govco:focus {
  outline: max(0.125rem, 0.125rem) solid #000000;
  outline-offset: max(0.188rem, 0.188rem);
}

.module-tarjeta-govco {
  background-color: #FFFFFF;
  max-width: 13.938rem;
  height: 13.188rem;
  text-decoration: none;
  border-radius: 0.625rem;
  display: inline-block;
}

.module-tarjeta-govco .header-tarjeta-govco {
  border-color: #E6EFFD;
  border-style: solid;
  border-width: 0.125rem 0.125rem 0 0.125rem;
  border-radius: 0.625rem 0.625rem 0 0;
  width: 100%;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-tarjeta-govco .header-tarjeta-govco h5 {
  color: #004884;
  font-family: Montserrat-Bold;
  font-size: 16px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 95%;
  line-height: 1.2rem;
}

.module-tarjeta-govco hr {
  width: 100%;
  background-color: #004884;
  opacity: initial;
  margin: 0;
}

.module-tarjeta-govco hr:not([size]) {
  height: 0.25rem;
}

.module-tarjeta-govco .body-tarjeta-govco {
  border-color: #E6EFFD;
  border-style: solid;
  border-width: 0 0.125rem 0.125rem 0.125rem;
  border-radius: 0 0 0.625rem 0.625rem;
  width: 100%;
  height: 9.188rem;
  padding: 1.438rem 1.969rem 1.438rem 1.969rem;
}

.module-tarjeta-govco .body-tarjeta-govco p {
  color: #4B4B4B;
  font-family: WorkSans-Regular;
  font-size: 14px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin: 0;
  line-height: 1.2rem;
}

a.module-tarjeta-govco:hover,
button.module-tarjeta-govco:hover {  
  text-decoration: none;
}

a.module-tarjeta-govco:hover .header-tarjeta-govco,
a.module-tarjeta-govco:focus .header-tarjeta-govco,
a.module-tarjeta-govco:focus-visible .header-tarjeta-govco,
button.module-tarjeta-govco:hover .header-tarjeta-govco,
button.module-tarjeta-govco:focus .header-tarjeta-govco,
button.module-tarjeta-govco:focus-visible .header-tarjeta-govco {
  background-color: #E6EFFD;
}

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

div.module-tarjeta-govco {
  cursor: default;
}

div.module-tarjeta-govco .header-tarjeta-govco,
div.module-tarjeta-govco .body-tarjeta-govco {
  border-color: #F2F2F2;
}

div.module-tarjeta-govco .header-tarjeta-govco {
  background-color: #F2F2F2;
}

div.module-tarjeta-govco .header-tarjeta-govco h5 {
  color: #4B4B4B;
}

div.module-tarjeta-govco hr {
  background-color: #4B4B4B;
}


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

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

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

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

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



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

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

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

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

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


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



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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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