/* Contenedor principal de los informes */
.informes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 10px; /* Ancho máximo */
  margin: 20px auto; /* Centrado horizontal */
}

/* Estilo general de los botones */
.report-btn {
  display: flex; /* Para alinear icono y texto */
  align-items: center;
  padding: 12px 16px;
  background-color: #f5f5f5; /* Fondo gris claro */
  border: 1px solid #ddd; /* Borde sutil */
  border-radius: 8px; /* Bordes redondeados */
  text-decoration: none; /* Sin subrayado */
  color: #333; /* Texto gris oscuro */
  font-weight: 500;
  transition: all 0.3s ease; /* Animación suave */
}

/* Ícono dentro del botón */
.report-btn .icon {
  font-size: 1.2rem; /* Tamaño del icono */
  margin-right: 10px; /* Espacio con el texto */
  color: #0073e6; /* Azul institucional */
}

/* Hover: cuando se pasa el mouse */
.report-btn:hover {
  background-color: var(--primary-color); /* Azul fuerte */
  color: #fff; /* Texto blanco */
  border-color: #005bb5; /* Borde más oscuro */
}

.report-btn:hover .icon {
  color: #fff; /* Ícono también blanco */
}