/* Llamada de voz IA. Solo se usa si call.js tiene AGENT_ID (ver LLAMADA-VOZ.md). */
.call-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:0;color:#000000;font:700 .72rem/1 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;background:linear-gradient(100deg,#b1f93b,#7be3ff);position:relative}
.call-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.call-btn__ic{display:grid;place-items:center}
.call-btn--inline{padding:15px 24px;margin-bottom:12px;box-shadow:0 10px 30px -10px rgba(177,249,59,.7)}
.call-btn--inline .call-btn__ic svg{animation:callWig 2.4s ease-in-out infinite}
@keyframes callRing{0%{box-shadow:0 0 0 0 rgba(177,249,59,.65)}70%{box-shadow:0 0 0 16px rgba(177,249,59,0)}100%{box-shadow:0 0 0 0 rgba(177,249,59,0)}}
@keyframes callWig{0%,60%,100%{transform:rotate(0)}65%{transform:rotate(-14deg)}75%{transform:rotate(12deg)}85%{transform:rotate(-8deg)}}
.call-panel{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:130;width:min(360px,calc(100vw - 36px));padding:22px 20px 18px;border-radius:24px;border:1px solid var(--line2,rgba(177,249,59,.28));background:rgba(7,10,20,.96);backdrop-filter:blur(20px);box-shadow:0 30px 90px -20px rgba(0,0,0,.8);text-align:center;color:var(--text,#f6f6f6)}
.call-panel[hidden]{display:none}
.call-panel__title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan,#b1f93b);margin:0 0 14px}
.call-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:44px;margin-bottom:10px}
.call-wave i{display:block;width:5px;height:8px;border-radius:3px;background:var(--cyan,#b1f93b);opacity:.5}
.call-panel[data-mode="live"] .call-wave i,.call-panel[data-mode="conn"] .call-wave i{animation:callWave 1s ease-in-out infinite;opacity:1}
.call-wave i:nth-child(2){animation-delay:.12s!important}.call-wave i:nth-child(3){animation-delay:.24s!important}.call-wave i:nth-child(4){animation-delay:.36s!important}.call-wave i:nth-child(5){animation-delay:.24s!important}.call-wave i:nth-child(6){animation-delay:.12s!important}
@keyframes callWave{0%,100%{height:8px}50%{height:40px}}
.call-panel__status{min-height:1.4em;margin:0 0 10px;font-weight:600}
.call-panel[data-mode="err"] .call-panel__status{color:#ff8a8a;font-weight:500;font-size:.88rem}
.call-panel__priv{margin:0 0 14px;font-size:.78rem;line-height:1.45;color:var(--muted,#8592ab)}
.call-panel__priv a{color:var(--cyan,#b1f93b);text-decoration:underline}
.call-panel__acts{display:flex;gap:10px;justify-content:center}
.call-panel__acts button{cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font:700 .72rem/1 var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase}
.call-panel__acts button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.call-go{background:linear-gradient(100deg,#b1f93b,#7be3ff);color:#000000}
.call-cancel{background:transparent;color:var(--text,#f6f6f6);border:1px solid var(--line2,rgba(177,249,59,.28))!important}
.call-hang{background:#e5484d;color:#fff}
.call-panel[data-mode="pre"] .call-hang,.call-panel[data-mode="err"] .call-hang,.call-panel[data-mode="err"] .call-cancel{display:none}
.call-panel[data-mode="conn"] .call-go,.call-panel[data-mode="conn"] .call-cancel,.call-panel[data-mode="live"] .call-go,.call-panel[data-mode="live"] .call-cancel{display:none}
.call-panel[data-mode="live"] .call-panel__priv,.call-panel[data-mode="conn"] .call-panel__priv{display:none}
/* lanzador propio del widget oculto (se maneja desde nuestro panel); sigue montado para que funcione el audio */
elevenlabs-convai.call-widget{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden;pointer-events:none!important}
@media (max-width:640px){
}
@media (prefers-reduced-motion:reduce){
  .call-btn--inline .call-btn__ic svg,.call-panel[data-mode] .call-wave i{animation:none!important}
  .call-panel[data-mode="live"] .call-wave i,.call-panel[data-mode="conn"] .call-wave i{height:22px}
}

.call-go{min-height:52px}
@media (max-width:767px){.call-go{font-size:1rem;padding:.9rem 1.4rem}}