.redes-footer,
.socialmedia {
  display: none;
}

.article-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: -108px auto -40px !important
}

.mainHeader {
  position: inherit;
}

.top ul li img{
  max-width: 80%;
  margin: 0 auto;
}


/* INICIO SECCIÓN COVER */

    .cover {
      min-height: 330px;
      margin-top: -4px;
    }

    #background {
      background-image: url(https://www.jep.gov.co/rendiciondecuentas/2025/images/transparenciaqueinspira-back-2025.webp) !important;
      background-position: inherit;
      background-size: cover;
    }

    .background {
      position: relative;
      width: 100%;
      height: 100%;
      justify-content: center;
    }

    .info {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 40px 3%;
      display: grid;
      align-items: center;
      grid-template-columns: 1fr;
      height: 480px;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
    }

    .logordc {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
    }

    .videordc{
      width: 100%;
      max-width: 470px;
      height: 240px;
      float: right;
      margin: auto;
      border: 5px #21bcb0 solid;
      }

    .buttonsrdc{
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: center;
    }

    .btn1{
      margin: 0 20px;
      margin-bottom:40px;
      max-width: 280px;
      width: 100%;
      display: flex;
      text-align: center;
    }

    /* seccion avances */

    .containergal{
        background-color:#fff;
      }
      .rowgal{
        max-width:900px;
        margin: 40px auto 0;

        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
      }

      .vid{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        border: 2px solid #D6E6ED;
        padding-bottom: 7%;
      }

      .vid img{
        width: 100%;
        margin-bottom: 20px;
      }


      .containergal h2{
        font-size: 30px;
        color:#006C62;
        text-align: center;
        font-family:Roboto;
      }

      .containergal button {
        width:50%;
        padding: 8px 16px;
        background: #4B5A9F;
        font-family: 'Roboto',sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #ffffff !important;
        border: none;
      }
      .containergal button:hover {
        background-color:#2c3a7a;

      }

      .containergal .ytp-title {
        display:none !important;
      }

      button a{
        color:#ffffff;
        text-decoration:none;
      }

      button a:visited{
        color:#ffffff;
        text-decoration:none;
      }

      @media screen and (max-width:1000px) {
        .rowgal{
          display:grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 40px;
        }
      }

      @media screen and (max-width:600px) {
        .containergal{
            margin-top:70px;
            padding:0 5% 9%;
          }

        .rowgal{
          display:grid;
          grid-template-columns: 1fr;
          grid-gap: 40px;
        }
      }

      /* Fin Sección Avances  */


    .btn1 a{
      display:flex;
      align-items: center;
      justify-content: center;
    }

    .buttonsrdc a{
      width: 100%;
      background: #98FF98;
      padding: 8px 8px;
      font-family: 'Roboto',sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #006C62!important;
    }
    .buttonsrdc a:hover{
      background: #ffffff;
      transition:.3s;
    }
    .programacion{
      max-width: 1140px !important;
      width: 100%;
      margin:0 auto;
      font-family: 'Roboto', sans-serif;
      font-size:19px;
      padding-top: 40px
    }

    .programacion h2{
      font-size:30px;
      color: #006C62;
      text-align: center;
      margin-top: 0px;
    }

    .programacion .text {
      text-align: center;
      padding: 0 3%;
    }

    .programacion h5{
      text-transform: uppercase;
      font-size:18px;
      color: #006C62;
      margin-bottom: 0px;
    }

    /* .programacion ul{
      margin-top: 40px;
    } */

    .programacion ul li {
      /* padding-left: 3rem;
      background-image: url(https://www.jep.gov.co/rendiciondecuentas/2022/images/Asset%203.svg);
      background-position: 0 0;
      background-size: 1.4rem 1.4rem;
      background-repeat: no-repeat; */
      list-style-type: none;
    }

    .programacion ul li p{
      margin-top:5px;
      padding-left: 30px;
      margin-bottom:20px;
    }

    .sub{
      font-weight: 700;
      color: #8e8e8e;
      text-align: right;
      font-size: 14px;
      margin-top: 20px;
      max-width: 950px;
      padding: 0 50px 0 3%;
    }

    #informesback {
      background-image: url(https://www.jep.gov.co/rendiciondecuentas/2021/images/informes-background-jep.jpg)!important;
      background-position: inherit;
      background-size: cover;
      display: flex;
      flex-direction: column;
      height: auto;
      padding: 60px 40px 60px 40px !important;
      margin-top: -1px;
      margin-bottom: -11px;
      z-index: 0;
    }

    .contacto {
      width: 100%;
      margin:0 auto;
      font-family: 'Roboto', sans-serif;
      font-size:19px;
    }

    .contacto h2{
      font-size:30px;
      color: #fff;
      text-align: center;
      margin-top: 0px;
    }

    .intro1{
      max-width: 1000px;
      width: 100%;
      margin: 0 auto!important;
      color: #fff;
      text-align: center;
      padding: 30 30px 0;
    }

    .intro1 a{
      color: #d3e525;
    }
    .programacion h2{
      padding: 30px 30px 30px;
    }

@media screen and (min-width: 760px) {
    .cover {
      height: 100%;

    }
  .info h1{
    text-align: left !important;
  }
  .background .info h1{
    text-align: center !important;
  }
  .text {
      padding: 0 3%;
  }
}

@media screen and (min-width: 481px) and (max-width: 759px){
  .cover {
    min-height: 320px;
    margin-top: -45px;
  }
  .background .info h1{
    text-align: center !important;
    padding-bottom: 30px;
  }
  .info h1{
    font-size: 83px !important;
    text-align: center !important;
    margin-bottom: -10px !important;
  }
  .background {
    padding-top: 5px;
    padding-bottom: 30px;
  }
  .info h1 span {
    margin-top: 3px;
  }
  .info h1 span {
    margin-top: 3px !important;
    font-size: 20px !important;
    text-align: center !important;
  }
  .info p {
    margin:auto!important;
    max-width: 700px !important;
    padding: 0px 15px 0 15px !important;
    line-height: 1.3!important;
  }
  .sub{
    max-width: 700px;
    margin: 0 auto;
    padding: 0 3%;
  }
  .buttonsrdc{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .btn1 {
      margin: 0 10px;
      margin-bottom: 20px;
      max-width: 200px;
      display: flex;
      text-align: center;
      min-height: 55px;
  }
}

@media screen and (max-width: 480px){
  .cover {
    min-height: 250px;
    margin-top: -45px;
  }
  .background .info h1{
    text-align: center !important;
  }
  .info{
    grid-template-columns: 1fr;
  }
  .info h1{
    font-size: 55px !important;
    text-align: center !important;
  }
  .background {
    padding-top: 10px !important;
    padding-bottom: 25px !important;
    font-size: 20px !important;
  }
  .info h1 span {
    margin-top: 3px !important;
    font-size: 20px !important;
    text-align: center !important;
  }
  .info p {
    margin:auto!important;
    max-width: 700px !important;
    padding: 20px 10px 0 10px !important;
    line-height: 1.3!important;
  }
  .intro{
    font-size: 18px !important;
      padding: 30 25% 0 !important;
  }
  .info .normativa ul {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-content: flex-start !important;
    align-items: center !important;

  }
  .info .normativa ul li {
    margin: 5px !important;
    width: 90% !important;
  }
  .icondoc{
    display: none;
  }
  .info .normativa ul li p {
    margin-top: 1px !important;

  }
  .sub{
    max-width: 420px;
    margin: 0 auto;
    padding: 0 3%;
  }
  .programacion ul li p {
    padding-left: 15px !important;
    padding-right: 20px !important;
  }

  .buttonsrdc{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .btn1 {
      margin: 0 10px;
      margin-bottom: 20px;
      max-width: 200px;
      width: 40%;
      display: flex;
      text-align: center;
      min-height: 55px;
  }
}




/* FIN SECCIÓN COVER */



/* INICIO SECCIÓN ACORDION */


    .accordion {
      font-size: 1rem;
      width: 1140px;
      margin: 30px auto 50px;
      border-radius: 5px;
      font-family: 'Lato', sans-serif;
    }

    .accordion-header,
    .accordion-body {
      background: #99FF98;
    }

    .accordion-header {
      padding: 15px;
      color: #006C62;
      cursor: pointer;
      font-size: 18px;
      font-weight: 600;
      transition: all .2s;
    }

    .accordion__item {
      border-bottom: 2px solid #D6E7ED;
    }

    .accordion__item .accordion__item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .accordion-header:hover {
      background: #fff;
      position: relative;
      z-index: 5;
      color: #006C62;
    }

    .accordion-body {
      background: #F4F6F8;
      color: #353535;
      display: none;
    }

    .accordion-body__contents {
      padding: 30px;
      font-size: 16px;
      line-height: 1.5em;
    }



    .accordion-body__contents ul ul {
      list-style: none;
      margin-left: 0px;
    }

    .accordion-body__contents ul li a {
      text-decoration: underline !important;
    }

    .accordion__item.active:last-child .accordion-header {
      border-radius: none;
    }

    .accordion:first-child>.accordion__item>.accordion-header {
      border-bottom: 1px solid transparent;
    }

    .accordion__item>.accordion-header:after {
      content: '\002B';
      font-family: IonIcons;
      font-size: 1.2em;
      float: right;
      position: relative;
      top: -2px;
      transition: .2s all;
      transform: rotate(0deg);
    }

    .accordion__item.active>.accordion-header:after {
      transform: rotate(-180deg);
      content: "\2212";
    }

    .accordion__item.active .accordion-header {
      background: #007CAE;
      color: #fff;
    }

    .accordion__item .accordion__item .accordion-header {
      background: #f1f1f1;
      color: #353535;
    }

    .triangle {
      list-style-type: disclosure-closed;
      padding-left: 20px;
      margin: 0;
    }

    .triangle2 {
      list-style-type: none;
      padding-left: 0;
      margin: 0;
    }


@media screen and (max-width: 1000px) {
  .accordion {
    width: 97%;
  }

}
@media screen and (max-width: 500px) {
  .accordion {
    width: 93%;
  }

  .accordion-body__contents {
    padding: 15px;
  }

}


/* INICIO SECCIÓN ACORDION */




.foto {
  max-width: 150px;
  width: 100%;
}




/* Error */

.trans {
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.top {
  transform: inherit;
}

.top ul {
  list-style: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  background-color: #F3F6F8;
}

.top ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #000; */
  content: '';
  color: white;
  opacity: 0.4;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

.top ul li:hover::before {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.90);
}
/*
erro */



.top2 ul li img {
  width: 100%;
  height: auto;
  overflow: hidden;
}



.top2 {
  transform: inherit;
}

.top2 ul {
  list-style: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  background-color: #F3F6F8;
}

.top2 ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #000; */
  content: '';
  color: white;
  opacity: 0.4;
  text-align: center;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

.top2 ul li:hover::before {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.90);
}

.top ul li img {

    max-width: 100%;
    margin: 0 auto;
    display: flex;

}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
  opacity: 0;
  pointer-events: none;
}

.lightbox img {
  max-width: 90%;
  max-height: 70%;
  position: relative;
  top: -100%;
  /* Transition */
  transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
}

.lightbox:target {
  outline: none;
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -webkit-transition: all 1.2s ease;
}

.lightbox:target img {
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.pie{
  position: absolute;
  top: 85%;
  left:25%;
  font-size: 12pt;
  max-width: 700px;
  width: 100%;
  color: #fff!important;
  font-family:'Source Sans Pro';
  font-weight:600;
  margin-left:0;
}

.docslist img{
  max-width: 40px;
}

.docslist {
  padding: 5%;
  max-width: 900px;
  margin: 0 auto;

}

.doclist li a{
  display: flex;
  text-decoration: none !important;
  color: #000000;
}

.docslist li{
  padding: 10px;
}

/*FIN SECCIÓN CRONOGRAMA */

/*INICIO SECCIÓN GALERIA */

#galeria p {
 font-size: 20px !important;
 color: #5B5D62 !important;
 font-family: 'Source Sans Pro' !important;
 padding: 0 30px;
 margin: auto !important;
 max-width: 800px;
 text-align: center;
 font-weight: 300;
}

@media screen and (min-width: 481px) and (max-width: 920px){

    .accordion2 {

        width: 90% !important;
        max-width: 500px !important;
        margin: auto;
    }
    .accordion2 .foto {
      display:none;
    }
    .dates{
      margin-left:1 !important;
    }
    .pie{
      position: absolute;
      left:1%;
    }
}
@media screen and (max-width: 480px){

  .accordion2 .foto {
    display:none;
  }
  .accordion2 {
    width: 90% !important;
    max-width: 430px !important;
    margin-left: 20px;
  }
  .pie{
    top: 75%;
    left: 0;
    padding: 0 100px;
    max-width: 400px;
  }

  .btn4 a{
    display: grid !important;
    margin: 0 5%;
  }


}










/*FIN SECCIÓN CONVOCATORIA */