/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.peec-courses { margin: 7rem 15% 3rem 5%; margin-top: -80px; padding: 0; overflow: visible !important; }
.peec-courses .courses-title { font-size: 2em; color: #20313d; font-family: inherit !important; line-height: 1; font-weight: bold !important; padding-left: 2em; }

/* Contenedor principal de los cursos */
.peec-courses .courses-wrapper { padding: 1em; width: 110%; }

.peec-courses .courses-wrapper .course-items { /*margin: 30px -1.5rem;*/ position: relative; margin-left: 5%; }

.peec-courses .courses-wrapper .course-items .course {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f6f8fc;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 337px;
  margin: 0 1rem 2rem;
}
.course-items.items-slider .course { margin: 0 1.5rem; padding: 0.5rem; }

/* Estilo de la imagen */
.peec-courses .courses-wrapper .course-items .course .content .image {
  width: auto;
  /* height: 261px; */
  border-radius: 10px;
  overflow: hidden; 
  margin-bottom: 0.5rem;
  margin-top: 15px;
  justify-self: center;
}

.peec-courses .courses-wrapper .course-items .course .content .image img {
  width: auto;
  height: auto;
  object-fit: cover;
}

/* Texto "Curso" o "Diplomado" */
/* .peec-courses .courses-wrapper .course-items .course .content .course-type {
  background-color: #5344ba;
  color: #f6f8fc;
  font-size: 1.4rem;
  border-radius: 3px;
  padding: 0.2rem 0.5rem;
  margin-bottom: 0.5rem;
  width: fit-content;
  margin-left: 10px;
} */
.peec-courses .courses-wrapper .course-items .course .content .course-type {
    background-color: #5344ba;
    color: #f6f8fc;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
    margin: 2rem 0 0 1rem;
    width: fit-content;
    margin-left: 10px;
    font-weight: 100;
}
/* 
.peec-courses .courses-wrapper .course-items.items-slider .course .content .course-type {
  display: block !important;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #5344ba;
  color: #f6f8fc;
  padding: 5px 10px;
  font-size: 1.2rem;
  z-index: 10;
} */




/* Estilo del nombre del curso */
.peec-courses .courses-wrapper .course-items .course .content .course-info .name {
  color: #20313d;
  margin-bottom: 0.5rem;
  text-align: left;
  font-family: 'AncizarSans-Regular';
  font-size: 1.8rem;
  height: 6.5vh;
  /* font-weight: 100; */
}
@media screen and (max-width: 1100px) { 
  .peec-courses .courses-wrapper .course-items .course .content .course-info .name {
    height: 10vh;
    
  }
  
}

/* Detalles del curso */
.peec-courses .courses-wrapper .course-items .course .content .course-info .detail {
  color: #20313d;
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
  text-align: left;
  width: 100%;
  font-family: 'AncizarSans-Regular';
  text-transform: none;
}

/* Botón "Ver más" */
.peec-courses .courses-wrapper .course-items .course .content .cta {
  display: block;
  align-items: center;
  justify-content: center;
  background-color: #e0e7eb;
  color: #20313d;
  font-size: 19px !important;
  font-weight: bold;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  text-align: center;
  cursor: pointer;
  align-self: flex-end;
  width: fit-content;
  justify-self: right;
}

.peec-courses .courses-wrapper .course-items .course .content .cta:hover {
  background-color: #f5c35c;
  color: #20313d;
}

.peec-courses .courses-wrapper .course-items .course .content .cta::after {
  content: '→';
  margin-left: 0.4rem;
  font-size: 1.8rem; /* agrandada más */
  font-weight: 900; /* bien bold */
}

/* Texto "Curso" o "Diplomado" */
/* .peec-courses .courses-wrapper .course-items .course .content .course-type {
  background-color: #5344ba; 
  color: #f6f8fc; 
  font-size: 1.8rem;
  font-family: inherit;


  border-radius: 3px; 
  padding: 0.2rem 0.5rem; 
  margin-bottom: 0.5rem; 
  width: fit-content;
margin-left: 10px;
} */

/* Botón "Ver más" */
.course-items.items-slider .course .content .cta  {
  display: block;
  align-items: center;
  justify-content: center;
  background-color: #e0e7eb; /* Fondo del botón */
  color: #20313d; /* Color del texto */
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 10px; /* Bordes redondeados */
  padding: 0.5rem 1rem; /* Espaciado interno */

  text-align: center;
  cursor: pointer;
  align-self: flex-end; /* Alineación a la derecha */
  width: fit-content;
  justify-self: right;
}

.course-items.items-slider .course .content .cta:hover {
  background-color: #d4dae0; /* Fondo más oscuro al pasar el mouse */
}

.course-items.items-slider .course .content .cta::after {
  content: '→'; /* Flecha hacia la derecha */
  margin-left: 0.4rem;
  font-size: 1.8rem; /* agrandada más */
  font-weight: 900; /* bien bold */
}







/* .peec-courses .courses-wrapper .course-items .linguistica .content .course-info, .peec-courses .courses-wrapper .course-items .linguistica .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .filosofia .content .course-info, .peec-courses .courses-wrapper .course-items .filosofia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .psicologia .content .course-info, .peec-courses .courses-wrapper .course-items .psicologia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .sociologia .content .course-info, .peec-courses .courses-wrapper .course-items .sociologia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .lenguas_extranjeras .content .course-info, .peec-courses .courses-wrapper .course-items .lenguas_extranjeras .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .historia .content .course-info, .peec-courses .courses-wrapper .course-items .historia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .geografia .content .course-info, .peec-courses .courses-wrapper .course-items .geografia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .literatura .content .course-info, .peec-courses .courses-wrapper .course-items .literatura .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .antropologia .content .course-info, .peec-courses .courses-wrapper .course-items .antropologia .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .escuela_de_estudios_en_psicoanalisis_y_cultura .content .course-info, .peec-courses .courses-wrapper .course-items .escuela_de_estudios_en_psicoanalisis_y_cultura .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .escuela_de_estudios_de_genero .content .course-info, .peec-courses .courses-wrapper .course-items .escuela_de_estudios_de_genero .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .instituto_de_investigacion_en_educacion .content .course-info, .peec-courses .courses-wrapper .course-items .instituto_de_investigacion_en_educacion .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .trabajo_social .content .course-info, .peec-courses .courses-wrapper .course-items .trabajo_social .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .centro_de_estudios_sociales .content .course-info, .peec-courses .courses-wrapper .course-items .centro_de_estudios_sociales .content .image .course-type { background-color: #f6f8fc; }
.peec-courses .courses-wrapper .course-items .peec .content .course-info, .peec-courses .courses-wrapper .course-items .peec .content .image .course-type { background-color: #f6f8fc; } */

.peec-courses .courses-wrapper .course-items.items-slider { padding: 0 0.5rem; }
.peec-courses .courses-wrapper .course-items.items-slider .course { margin: 0 1.5rem; padding: 0.5rem;  }
.peec-courses .courses-wrapper .course-items.items-slider .slick-arrow { border: none; background-color: #FFF; font-size: 2em; height: 6rem; outline: none; position: absolute; top: 50%; width: 3.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.peec-courses .courses-wrapper .course-items.items-slider .slick-arrow.prev { left: -3.5rem; }
.peec-courses .courses-wrapper .course-items.items-slider .slick-arrow.next { right: -3.5rem; }
.peec-courses .courses-wrapper .course-items.items-slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.05); }

/* Ajustes responsivos */
@media screen and (max-width: 767px) { 
  .peec-courses { margin: 7rem 0px; margin-top: -35px; padding: 0; overflow: visible !important; margin-bottom: -7px;}
  .peec-courses .courses-container { flex-direction: column; }
  .peec-courses .courses-wrapper { width: 100%; }
  .peec-courses .courses-wrapper .course-items .course .content .image { display: none; }
  .peec-courses .courses-wrapper .course-items .course .content .course-info .name { font-size: 23px !important; height: 65px; width: 80%; font-family: 'AncizarSans-Bold' !important;} /*height estaba antes en auto*/
  .peec-courses .courses-wrapper .course-items .course .content .course-info .name, .peec-courses .courses-wrapper .course-items .course .content .course-info .detail { font-size: 18px; font-family: 'AncizarSans-Regular'; text-transform: none;}
  .peec-courses .courses-wrapper .course-items.items-grid { gap: 0px; margin-right: 13%; }
  .peec-courses .courses-wrapper .course-items .course {
    
    max-width: 400px;
  
  }
}

/* Selección y hover del contenedor .course */
.peec-courses .courses-wrapper .course-items .course {
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
  cursor: pointer; /* indica que es clicable */
}

.peec-courses .courses-wrapper .course-items .course:hover,
.peec-courses .courses-wrapper .course-items .course:focus,
.peec-courses .courses-wrapper .course-items .course.selected {
  background-color: #e0e7eb; /* color solicitado al hacer hover o seleccionar */
  box-shadow: 0 6px 10px rgba(0,0,0,0.12);
}

/* Asegurar que el contenedor pueda recibir foco para accesibilidad */
.peec-courses .courses-wrapper .course-items .course:focus {
  outline: 3px solid rgba(94,108,123,0.12);
  outline-offset: 2px;
}