.cursos-title{
  font-family:"Patua One";
  font-size:2rem;
  color:#00478a;
  padding:1.5rem 0;
}
.cursos-title span{
  color:#5a5959;
}
.cursos-title i{
  color:#00a499;
}
.cursos-container{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(4, 1fr);
  margin-top:2rem;
  margin-bottom:2rem;
}
.cursos-empty{
  display:flex;
  align-items:center;
  width:100%;
  justify-content:center;
  margin-top:2rem;
  border-radius:0.5rem;
  border:1px solid #dedede;
  background:white;
  background:linear-gradient(360deg, white 25%, #ececec 100%);
}
.cursos-empty-text{
  font-family:"Patua One";
  font-size:2rem;
  color:#939393;
  padding:1.5rem 0;
}
.cursos-empty-image img{
  max-width:50px;
}
.cursos-ventana{
  padding:1rem 2.5rem;
  background:#A7F3D0;
  border-radius:0.8rem;
  margin-bottom:4rem;
}

.course-box{
  background-color:#fff;
  box-shadow:1px 1px 13px rgba(0, 0, 0, 0.19);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  transition:0.3s;
}
.course-box:hover{
  transform:scale(1.04);
}
.course-box .promocion-active{
  border-radius:10px;
  padding:2px 5px;
  text-align:center;
  text-transform:uppercase;
  font-weight:800;
  margin-bottom:1rem;
  color:#000;
  background:linear-gradient(280deg, #9fda0c, #00a499);
  border:4px dotted #fff;
  animation:promocion 1s ease infinite;
  background-size:200% 200%;
}
.course-top{
  position:relative;
  display:flex;
  overflow:hidden;
}
.course-top:hover .course-seemore{
  opacity:1;
}
.course-top:hover .course-seemore span{
  animation:flipInX 1s 1 ease-out;
}
.course-image{
  width:100%;
}
.course-seemore{
  position:absolute;
  background-color:rgba(0, 52, 89, 0.92);
  width:100%;
  top:0;
  left:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.3rem;
  opacity:0;
  transition:0.2s;
}
.course-seemore i{
  font-weight:300;
}
.course-middle{
  padding:0 1.5rem;
}
.course-title{
  font-family:"Patua One", sans-serif;
  white-space:normal;
  font-size:1.4rem;
  line-height:1.7rem;
  padding-top:1.5rem;
  padding-bottom:0.5rem;
  display:block;
  color:#282828;
}
.course-title:hover{
  color:#00a9f1;
}
.course-description{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.course-details{
  margin-top:0.8rem;
  border-top:solid 1px #cbcbcb;
  padding-top:0.8rem;
  font-size:0.8rem;
  font-weight:600;
  color:#484848;
  margin-bottom:1.5rem;
}
.course-details i{
  color:#00A499;
}
.course-details i:last-child{
  margin-left:0.5rem;
}
.course-purchase{
  background:#00a499;
  padding:0.8rem;
  width:100%;
  white-space:nowrap;
  color:#84fff7;
  box-sizing:border-box;
  text-align:center;
  font-size:1.5rem;
  font-weight:400;
  display:block;
}
.course-purchase strong{
  color:#fff;
  font-weight:600;
}
.course-purchase:hover{
  background-color:#00132c;
}

@media screen and (max-width: 1280px){
  .cursos-container{
    gap:2rem;
    grid-template-columns:repeat(3, 1fr);
  }
}
@media screen and (max-width: 1024px){
  .cursos-container{
    gap:2rem;
    grid-template-columns:repeat(1, 1fr);
  }
  .cursos-search .input{
    font-size:1.5rem;
  }
  .cursos-search span{
    font-size:1.5rem;
  }

  .course-details{
    font-size:1em;
  }
}
@media screen and (max-width: 510px){
  .cursos-container{
    gap:2rem;
    grid-template-columns:repeat(1, 1fr);
  }

  .course-details{
    font-size:1em;
  }
}
@keyframes promocion{
  0%{
    background-position:93% 0%;
  }
  50%{
    background-position:0% 100%;
  }
  100%{
    background-position:93% 0%;
  }
}
.eefc-coopac{
  padding-top:1.5rem;
}
.eefc-coopac-top{
  display:flex;
  justify-content:space-between;
  margin-bottom:1rem;
}
.eefc-coopac-top-texto{
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-family:"Patua One";
  text-align:right;
}
.eefc-coopac-top-texto .texto-titulo{
  font-size:2rem;
}
.eefc-coopac-top-texto .texto-subtitulo{
  font-size:1.2rem;
}
.eefc-coopac-top-logo img{
  max-width:200px;
}
.eefc-coopac-buscador{
  margin-bottom:1.5rem;
}
