.logo-anepco {
   position: absolute;
   top: 30px;
   left: 30px;
   z-index: 2;
}

section.portafolio {
   background-color: #F1E8DC;
   padding: 150px;
   perspective: 1000px;
}

.portafolio-textos {
   max-width: 580px;
   margin-bottom: 100px;
}

.portafolio-textos-titulo {
   transition: all 1s;
   transition-timing-function: cubic-bezier(.25, 1, .5, 1);
   transform: translateX(-3em) rotateX(90deg);
   opacity: 0;
}

.portafolio-textos.animate .portafolio-textos-titulo {
   transform: translateX(0) rotateX(0);
   opacity: 1;
}

.portafolio-textos-titulo span {
   font-size: 40px;
   color: #12005A;
   font-weight: 700;
   letter-spacing: 10px;
}

.portafolio-textos-titulo h2 {
   font-size: 80px;
   font-weight: 900;
   color: #12005A;
   margin: 0;
   padding: 0;
   line-height: 80px;
}

.videos-buscador{
   margin-bottom: 20px;
   position: relative;
   text-align: right;
}

.videos-buscador .icon_search{
   position: absolute;
   top: 49%;
   right: 15px;
   font-size: 25px;
   color: #bdbdbd;
   transform: translateY(-50%);
   cursor: pointer;
}

.videos-buscador input{
   padding: 10px;
   width: 250px;
   outline: none;
   border: 1.7px solid #12005A;
}

.videos-buscador input:focus ~ .icon_search{
   color: #12005A;
}


.videos-tabs {
   margin-bottom: 60px;
   position: relative;
}

.videos-tabs .arrow-izquierda{
   font-size: 30px;
   cursor: pointer;
   position: absolute;
   top: 50%;
   left: -26px;
   transform: translateY(-50%);
   color: #EB5829;
}

.videos-tabs .arrow-derecha{
   font-size: 30px;
   cursor: pointer;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: -27px;
   color: #1F299C;
}

.videos-tabs ul {
   display: flex;
   padding: 0;
   margin: 0;
   width: 100%;
   list-style: none;
   box-shadow: 0px 3px 6px #00000029;
   overflow: hidden;
}

.videos-tabs ul li {
   flex-grow: 1;
}

.videos-tabs ul li a {
   display: block;
   width: 180px;
	width: auto;
   cursor: pointer;
   text-align: center;
   color: #12005A;
   background-color: #fff;
   font-weight: 500;
   padding: 18px;
   text-decoration: none;
}

.videos-tabs ul li.active a {
   background-color: #EB5829;
   color: #fff;
}

/* contendio videos */

.contenido-videos {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: auto auto auto;
   justify-content: space-between;
   gap: 70px;
   margin-bottom: 30px;
}

.contenido-video-item {
   /* width: 400px; */

}

.contenido-video-source {
   box-shadow: 3px 3px 6px #00000058;
   margin-bottom: 15px;
   background-color: #3c3c3c;
}


.contenido-video-source video {
   width: 100%;
   display: flex;
}

.contenido-video-source iframe{
   display: flex;
}

.contenido-video-texto{
   display: flex;
   justify-content: space-between;
}

.contenido-video-texto >div:nth-child(2) {
   text-align: right;
}

.contenido-video-texto p {
   color: #12005A;
   font-size: 20px;
   margin: 0;
}

.contenido-video-texto p strong {
   display: block;
}

.videos-link-redirect {
   text-align: center;
}

.videos-link-redirect a {
   color: #fff;
   background-color: #1F299C;
   padding: 20px 35px;
   font-size: 22px;
   font-weight: 600;
   text-decoration: none;
   box-shadow: 3px 3px 6px #00000072;
   display: block;
   max-width: 398px;
   margin: 0 auto;
}

/* paginacion */

.videos-paginacion{
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 30px;
}

.videos-paginacion a {
   background-color: #fff;
   line-height: 0;
   text-decoration: none;
   width: 32px;
   height: 32px;
   color: #12005A;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: 500;
   border-radius: 50%;
}

span.page-numbers.current {
    background-color: #12005A;
    line-height: 0;
    text-decoration: none;
    width: 32px;
    height: 32px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 50%;
}


@media(max-width:1300px) {

   section.portafolio{
      padding: 120px 30px;
   }

   .contenido-videos{
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   }

   .contenido-videos{
      gap: 30px;
   }

}

@media(max-width:767px) {

   .portafolio-textos-titulo span{
      font-size: 30px;
   }

   .portafolio-textos-titulo h2{
      font-size: 60px;
      line-height: 60px;
   }

   .videos-tabs .arrow-izquierda{
      top: 100%;
      left: 40%;
      transform: unset;
   }
   
   .videos-tabs .arrow-derecha{
      top: 100%;
      transform: unset;
      right: 40%;
   }

}

@media(max-width:560px) {

   section.portafolio {
      padding: 120px 15px;
  }

   .portafolio-textos-titulo h2 {
     font-size: 12vw;
     line-height: 12vw;
  }

  .portafolio-textos-titulo span {
      font-size: 25px;
   }

   .videos-tabs ul li a{
      font-size: 13px;
	   height: 100%;
   }

   .logo-anepco{
      top: 25px;
      left: 7px;
   }

   .portafolio-textos{
      margin-bottom: 50px;
   }
	
	.videos-tabs ul{
		    overflow: auto;
	}

}

@media(max-width:430px) {

   .videos-link-redirect a{
      padding: 16px 20px;
      font-size: 15px;
   }

   .contenido-video-texto p{
      font-size: 16px;
   }

}