/* Asistente del portafolio: usa los tokens del propio portafolio (--gold, --card, --line…). */
.btn.asis-abrir{gap:9px;border-color:#24513a;color:var(--live);background:var(--live2);cursor:pointer}
.btn.asis-abrir:hover,.btn.asis-abrir:focus-visible{border-color:var(--live)}
.asis-onda{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(61,214,140,.18);flex:none}
.asis{position:fixed;inset:0;z-index:160;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(4,6,9,.86);backdrop-filter:blur(8px)}
.asis.abierto{display:flex}
.asis-panel{width:min(720px,100%);max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);display:flex;flex-direction:column;gap:12px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:22px 24px}
.asis-cabeza{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.asis-cabeza .section-kicker{margin-bottom:6px}
.asis-cabeza h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em;line-height:1.15}
.asis-x{flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card2);cursor:pointer;font-size:20px;line-height:1}
.asis-x:hover,.asis-x:focus-visible{border-color:var(--gold);color:var(--gold)}
.asis-intro{margin:0;color:var(--muted);font-size:14px}
.asis-intro strong{color:var(--text)}
.asis-aviso{border:1px solid var(--soft);border-radius:12px;background:var(--bg2);padding:10px 14px;font-size:13px;color:var(--muted)}
.asis-aviso summary{cursor:pointer;color:var(--text);font-weight:600}
.asis-aviso p{margin:10px 0 2px;line-height:1.6}
.asis-ok{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--text);cursor:pointer}
.asis-ok input{margin-top:3px;width:18px;height:18px;accent-color:var(--gold);flex:none}
.asis-controles{display:flex;flex-wrap:wrap;gap:8px}
.asis-controles .btn{min-height:42px;padding:9px 15px;cursor:pointer;background:transparent}
.asis-controles .btn.primary{background:var(--gold)}
.asis-controles .btn:disabled,.asis-form .btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.asis.mic-on .asis-mic{border-color:var(--live);color:var(--live);background:var(--live2)}
.asis-linea-estado{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.asis-estado{margin:0;font-size:13px;color:var(--muted)}
.asis-reloj{font-size:12px;color:var(--gold);flex:none}
.asis-log{min-height:150px;max-height:36vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg2);padding:12px 14px;font-size:14px}
.asis-log:empty::before{content:"—";color:var(--dim)}
.asis-linea{margin:0 0 9px;line-height:1.55}
.asis-linea strong{font-weight:700}
.es-asistente strong{color:var(--gold)}
.es-visitante strong{color:var(--live)}
.asis-sugeridas{display:flex;flex-wrap:wrap;gap:7px}
.asis-sugeridas .chip{cursor:pointer;font-size:11.5px}
.asis-sugeridas .chip:hover,.asis-sugeridas .chip:focus-visible{border-color:var(--gold);color:var(--gold)}
.asis-form{display:flex;gap:8px}
.asis-form input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);padding:10px 12px;font:inherit;font-size:16px}
.asis-form input:focus{border-color:var(--gold);outline:none}
.asis-form input:disabled{opacity:.6}
.asis-form .btn{cursor:pointer}
.asis-pie{margin:0;color:var(--dim);font-size:11.5px}
.asis-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){
  .asis{padding:0;align-items:stretch}
  .asis-panel{max-height:none;height:100%;border-radius:0;border:0;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}
  .asis-log{flex:1;max-height:none;min-height:120px}
  .asis-controles .btn{flex:1 1 calc(50% - 8px);font-size:13px;padding:8px 10px}
}