/*! © 2026 UltrAgentes-IA — Todos los derechos reservados.
 *  TITAN LAYER v11.5 — Terminal · Ticker Ops · estilos easter egg
 *  Prohibida su copia, reproducción o distribución sin autorización escrita. */

/* ═══════════════ TERMINAL DE DESPLIEGUE ═══════════════ */
.titan-terminal {
  max-width: 760px;
  margin: 56px auto 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(99, 230, 255, .18);
  background: #050b12;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .03) inset;
}
.titan-term-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.titan-term-bar .tt-dot { width: 11px; height: 11px; border-radius: 50%; }
.tt-dot.r { background: #ff5f57; } .tt-dot.y { background: #febc2e; } .tt-dot.g { background: #28c840; }
.titan-term-bar .tt-title {
  margin-left: 8px;
  font: 600 12px/1 ui-monospace, 'SF Mono', Menlo, monospace;
  color: rgba(255, 255, 255, .45);
  letter-spacing: .04em;
}
.titan-term-body {
  min-height: 300px;
  max-height: 340px;
  overflow: hidden;
  padding: 18px 20px 22px;
  font: 500 13px/1.85 ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  color: #cfe8f5;
}
.tt-line { white-space: pre-wrap; word-break: break-word; animation: ttIn .25s ease both; }
@keyframes ttIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.tt-prompt { color: #63e6ff; font-weight: 700; }
.tt-cmd { color: #fff; }
.tt-ok { color: #52e5a1; }
.tt-info { color: #8b5cf6; }
.tt-dim { color: rgba(207, 232, 245, .45); }
.tt-launch {
  color: #fbbf24;
  font-weight: 700;
  text-shadow: 0 0 18px rgba(251, 191, 36, .35);
}
.tt-caret {
  display: inline-block;
  width: 8px; height: 15px;
  margin-left: 2px;
  vertical-align: -2px;
  background: #63e6ff;
  animation: ttBlink 1s steps(1) infinite;
}
@keyframes ttBlink { 50% { opacity: 0; } }

/* ═══════════════ TICKER OPS EN VIVO ═══════════════ */
.ops-strip {
  position: relative;
  overflow: hidden;
  border-block: 1px solid rgba(99, 230, 255, .12);
  background: linear-gradient(90deg, rgba(99, 230, 255, .05), rgba(139, 92, 246, .05));
  padding: 14px 0;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.ops-strip-label {
  position: absolute;
  top: -11px; left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: #071019;
  border: 1px solid rgba(82, 229, 161, .35);
  color: #52e5a1;
  font: 700 10px/1 'Inter', sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ops-strip-label .ops-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #52e5a1;
  animation: opsPulse 1.6s ease-in-out infinite;
}
@keyframes opsPulse { 50% { box-shadow: 0 0 0 6px rgba(82, 229, 161, .15); } }
.ops-track {
  display: inline-flex;
  gap: 40px;
  white-space: nowrap;
  will-change: transform;
  animation: opsScroll 55s linear infinite;
}
.ops-strip:hover .ops-track { animation-play-state: paused; }
@keyframes opsScroll { to { transform: translateX(-50%); } }
.ops-item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 500 13px/1 'Inter', sans-serif;
  color: rgba(230, 244, 250, .85);
}
.ops-item i { font-size: 13px; }
.ops-item em {
  font-style: normal;
  color: rgba(230, 244, 250, .38);
  font-size: 11.5px;
}

@media (prefers-reduced-motion: reduce) {
  .ops-track, .ops-track.ops-static { animation: none; }
  .tt-line { animation: none; }
  .tt-caret { animation: none; }
  .ops-strip-label .ops-dot { animation: none; }
}

@media (max-width: 640px) {
  .titan-term-body { font-size: 11.5px; padding: 14px 14px 18px; min-height: 260px; }
  .ops-track { gap: 28px; }
}