/* Estilo para las tarjetas */
.card {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-bottom: 20px;
}

/* Estilo para el título de la página */
.pagetitle {
  margin-bottom: 20px;
}

.pagetitle h1 {
  font-size: 24px;
  margin-bottom: 10px;
}

.pagetitle nav .breadcrumb {
  padding: 0;
  background: none;
  margin-bottom: 0;
}

.breadcrumb-item a {
  color: #007bff;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

/* Estilo para la lista de informes descargables */
ul.link {
  list-style-type: none;
  padding: 0;
}

ul.link li {
  padding: 5px 0;
}

ul.link li a {
  color: #007bff;
  text-decoration: none;
}

ul.link li a:hover {
  text-decoration: underline;
}

/* Estilo para el ícono de descarga */
.link svg {
  margin-right: 5px;
}

/* Estilo para el cargador de contenido */
.placeholder-glow {
  position: relative;
  overflow: hidden;
}

.placeholder-glow::after {
  position: absolute;
  top: 0;
  left: -150%;
  width: 300%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  animation: placeholder-glow 1.5s infinite;
}

@keyframes placeholder-glow {
  0% {
    left: -150%;
  }
  50% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}

/* Estilos para la animación de escala */
.card {
  transition: transform 0.3s ease-in-out;
}

.card:hover {
  transform: scale(1.05);
}
