/* Talento 360 · capa visual IA · solo dentro de .t360 (respeta header/footer del tema) */
.t360.t360-q,
.t360-q{
  --q-bg:#05080f;
  --q-bg2:#0a1020;
  --q-card:rgba(12,20,38,.88);
  --q-ink:#e8eef8;
  --q-mut:#8b9bb4;
  --q-line:rgba(120,160,220,.18);
  --q-cyan:#2dd4e8;
  --q-cyan2:#7ef0ff;
  --q-violet:#8b5cf6;
  --q-glow:rgba(45,212,232,.28);
  --q-ok:#34d399;
  --q-r:16px;
  color-scheme:dark;
  background:
    radial-gradient(90% 70% at 100% 0%,rgba(139,92,246,.14),transparent 55%),
    radial-gradient(80% 50% at 0% 100%,rgba(45,212,232,.10),transparent 50%),
    var(--q-bg);
  color:var(--q-ink);
  max-width:min(920px,100%);
  width:100%;
  margin:24px auto 48px;
  padding:20px 18px 32px;
  border-radius:var(--q-r);
  border:1px solid var(--q-line);
  box-shadow:0 12px 40px -24px rgba(0,0,0,.45);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"DM Sans",sans-serif;
  position:relative;
  overflow:visible;
  box-sizing:border-box;
}
.t360-q *,.t360-q *::before,.t360-q *::after{box-sizing:border-box}
.t360-q h1,.t360-q h2,.t360-q h3{color:#f4f8fc;letter-spacing:-.02em}
.t360-q p,.t360-q label,.t360-q .t360-mut,.t360-q .t360-sub,.t360-q .t360-hint{color:var(--q-mut)}
.t360-q a{color:var(--q-cyan)}
.t360-q a:hover{color:var(--q-cyan2)}

.t360-q .t360-stepbar,
.t360-q .t360-card,
.t360-q .t360-panel,
.t360-q .t360-home{
  background:var(--q-card) !important;
  border:1px solid var(--q-line) !important;
  border-radius:14px !important;
}
.t360-q input,.t360-q select,.t360-q textarea{
  background:rgba(5,10,22,.9) !important;
  border:1px solid var(--q-line) !important;
  color:var(--q-ink) !important;
  border-radius:12px !important;
}
.t360-q input:focus,.t360-q select:focus,.t360-q textarea:focus{
  outline:none !important;
  border-color:var(--q-cyan) !important;
  box-shadow:0 0 0 3px var(--q-glow) !important;
}
.t360-q button.primary,
.t360-q .t360-btn.pri,
.t360-q .t360-btn-primary,
.t360-q .btn-primary{
  background:linear-gradient(135deg,#22d3ee,#14b8a6) !important;
  color:#031318 !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:700 !important;
}
.t360-q .t360-chip,.t360-q .chip{
  border-radius:999px !important;
  border:1px solid var(--q-line) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--q-ink) !important;
}
.t360-q .t360-chip.on,.t360-q .chip[aria-pressed=true],.t360-q .chip.active{
  background:rgba(45,212,232,.18) !important;
  border-color:rgba(45,212,232,.5) !important;
  color:#fff !important;
}
.t360-q .t360-loading{color:var(--q-cyan);text-align:center;padding:32px 12px}
.t360-q .t360-noscript{color:#fca5a5;padding:14px;text-align:center}

/* Nav del asistente: NUNCA fixed sobre el footer del tema */
.t360-q .t360-nav{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  background:transparent !important;
  border:0 !important;
  padding:16px 0 0 !important;
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.t360-q .q-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--q-cyan2);margin-bottom:10px;
}
.t360-q .q-badge::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--q-ok);
  box-shadow:0 0 0 0 rgba(52,211,153,.45);animation:t360pulse 2.2s infinite;
}
@keyframes t360pulse{
  70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
}

/* Evitar que el contenedor robe el layout del tema */
.t360-q{isolation:isolate}