/* contenedor grid igual */
.tr-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:2rem;
}

/* tarjeta compacta */
.tr-card{
  position:relative;
  background:#fff;
  border-radius:18px;
  padding:1.8rem 1.4rem 2.2rem;
  box-shadow:0 6px 18px rgba(38,50,56,.06);
  transition:transform .2s;
}
.tr-card:hover{ transform:translateY(-6px); }

.tr-card-bar{
  content:'';
  position:absolute;
  top:0;left:0;width:100%;height:4px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,#1c65ff 0%,#007aff 100%);
}

/* icono */
.tr-icon{
  width:56px;height:56px;border-radius:12px;
  background:linear-gradient(145deg,#3384ff 0%,#007aff 100%);
  color:#fff;font-size:22px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.4rem;
}

/* título máx 2 líneas */
.tr-title{
  font-size:1.5rem;
  font-weight:600;
  margin:0 0 .6rem;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

/* descripción máx 3 líneas */
.tr-desc{
  font-size:.875rem;
  color:#475569;
  line-height:1.5;
  margin:0 0 1.6rem;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

/* botón ancho completo, sin subrayado */
.tr-btn{
  width:100%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:.5rem;
  padding:.8rem 1rem;
  border:2px solid #1c65ff;
  border-radius:12px;
  font-size:.95rem;
  font-weight:600;
  color:#1c65ff;
  text-decoration:none !important;
  transition:.18s;
}
.tr-btn i{font-size:1em;}
.tr-btn:hover{
  background:#1c65ff;
  color:#fff;
  border-color:transparent;
}