/*
Theme Name: Cursos de Extensión - Facultad de Bellas Artes y Humanidades
Theme URI: https://artes.utp.edu.co/
Version: 1.0
Author: CRIE
Author URI: https://crie.utp.edu.co/
Template: plantilla-utp-facultades
Tags: reacreditación, Centro, Recusos, Informáticos, Educativos, facultades, institucional, industrial, mecanica, ingenierías, ingenierias, artes, musica, música, agro, agroindustria, ciencias, ambientales, ambiental, educación, empresariales, salud, facultad, facultades, básicas, basicas, tecnología, tecnologia, agrarias, rudecolombia, doctorado, planetario utp, planetario, astronomía, Asociacón Jubilados
*/

/* comienza color menu navegacion */
.facultad-artes, .facultad-artes .dropdown-menu.submenu{
 background-color: var(--artes) !important;
}
/* termina color menu navegacion */

section.carrusel-destacadas .swiper-pagination-bullet-active {
  background: var(--artes)!important;
}

.contenedor-destacados :where(.titulo-facultad h2 a, .iniciar-pausar){
    color: white !important;
}

/* Comienza tarjetas de cursos (portada y page-Extension*.php) */

/* El padre fija min-width: 323px en .imagen-post img, lo que desborda en móviles pequeños */
.imagen-post img {
  min-width: 0;
  object-fit: cover;
}

.contenedorCurso .card {
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.contenedorCurso .card:hover,
.contenedorCurso .card:focus-within {
  transform: translateY(-4px);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.footer-cursos {
  background-color: var(--artes, var(--institucional));
  padding: .75rem 1rem;
  text-align: center;
}

.footer-cursos h3 {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-size: 1.15rem;
}

.footer-cursos a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.footer-cursos a:hover,
.footer-cursos a:focus {
  text-decoration: underline;
}

.tituloPost h2 {
  margin-bottom: 0;
}

.paginacion {
  gap: .5rem;
  margin-bottom: 2rem;
}

.paginacion .page-numbers {
  display: inline-block;
  width: auto;
  padding: .25rem .75rem;
  border: 1px solid var(--institucional);
  border-radius: 5px;
  color: var(--institucional);
  text-decoration: none;
}

.paginacion .page-numbers.current {
  background-color: var(--institucional);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .contenedorCurso .card {
    transition: none;
  }

  .contenedorCurso .card:hover,
  .contenedorCurso .card:focus-within {
    transform: none;
  }
}

/* Termina tarjetas de cursos */