/* Ajustar listas de la vista de aplicaciones (o donde te pase) */
.view-content .item-list ul {
  margin-left: 1.5rem;      /* ajusta según tu gusto */
  padding-left: 0;          /* reduce indentación excesiva */
  list-style-position: outside; /* bullet alineado a la izquierda */
}

.view-content .item-list ul li {
  /* Asegúrate de no tener padding-left enorme ni rarezas aquí */
  padding-left: 0;
}

.tarjeta-proyecto {
  background: #ffffff;
  border-radius: 12px; /* Bordes redondeados modernos */
  border: 1px solid #e2e8f0;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); /* Sombra muy suave */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* Efecto al pasar el mouse (Hover) */
.tarjeta-proyecto:hover {
  transform: translateY(-4px); /* Se eleva un poco */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}