/* ========== EJEMPLOS POR SECTOR: COLUMNAS EN BUCLE ========== */
.ex-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  height: 720px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}
.ex-col { overflow: hidden; }
.ex-track { animation: col-up 40s linear infinite; }
.ex-col.reverse .ex-track { animation-name: col-down; animation-duration: 46s; }
.ex-col:nth-child(3) .ex-track { animation-duration: 52s; }
.ex-columns:hover .ex-track { animation-play-state: paused; }
.ex-list { display: grid; gap: 24px; padding-bottom: 24px; }

.ex-card {
  padding: 25px 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(30, 41, 59, .6), rgba(15, 23, 42, .9));
  transition: border-color .3s var(--ease);
}
.ex-card:hover { border-color: rgba(45, 212, 191, .35); }
.ex-text { color: var(--ink); font-size: 19px; line-height: 1.5; margin-bottom: 22px; }
.ex-sector { display: flex; align-items: center; gap: 12px; color: var(--ink-soft); font-size: 16px; font-weight: 400; }
.ex-ico {
  display: grid; place-items: center;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--line2);
  background: var(--bg);
  color: var(--accent-text);
}

@keyframes col-up   { from { transform: translate3d(0, 0, 0); }    to { transform: translate3d(0, -50%, 0); } }
@keyframes col-down { from { transform: translate3d(0, -50%, 0); } to { transform: translate3d(0, 0, 0); } }

@media (max-width: 991px) {
  .ex-columns { grid-template-columns: 1fr 1fr; }
  .ex-col:nth-child(3) { display: none; }
}
@media (max-width: 600px) {
  .ex-columns { grid-template-columns: 1fr; height: 560px; }
  .ex-col.reverse { display: none; }
  .ex-col:nth-child(3) { display: none; }
}