/* JARVINO GUI — Prometheus Enterprise. Solo visual: no toca jarvino.css ni JS. */
.gone{display:none!important}
/* Toda la página: tipografía Montserrat del sitio, en mayúsculas */
body{font-family:Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
input,textarea,select,button{letter-spacing:inherit}
/* PRIMERO: enlace del encabezado, mismo tamaño/color, sin subrayado, con luz */
.header-note .ext-link{color:inherit;font-size:inherit;letter-spacing:inherit;text-decoration:none;transition:color .25s,text-shadow .25s}
.header-note .ext-link:hover,.header-note .ext-link:focus-visible{color:var(--gold);text-shadow:0 0 10px #b3956bcc,0 0 28px #b3956b66}
/* SEGUNDO: punto rojo titilante junto a "conectado" */
.eyebrow-connected{display:inline-flex;align-items:center}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:#e5484d;margin-right:9px;box-shadow:0 0 8px #e5484dcc;animation:pulse-dot 1.2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.2}}
@media (prefers-reduced-motion:reduce){.pulse-dot{animation:none}}
/* TERCERO+CUARTO+QUINTO: encabezado centrado y compacto, sin huecos */
.conversation-heading-centered{justify-content:center;text-align:center;padding-top:2px}
.conversation-heading-centered>div{flex:1}
/* NOVENO: aviso justificado, misma tipografía, compacto y prolijo */
.conversation-foot{font-size:clamp(9px,1vw,10.5px)!important;line-height:1.45;text-align:justify;margin:4px 0 0;letter-spacing:.02em}
/* Certeza: centrada, una oración debajo de la otra, medida */
.certeza{text-align:center;font-weight:500;font-size:clamp(13px,1.8vw,17px)!important;line-height:1.8;letter-spacing:.14em;margin:0 0 14px}
/* DÉCIMO: pie adaptable, un poco más grande */
.footer-prometheus{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:4px;font-size:9px}
.footer-prometheus .ext-link{color:var(--ink);text-decoration:none;transition:color .25s,text-shadow .25s}
.footer-prometheus .ext-link:hover,.footer-prometheus .ext-link:focus-visible{color:var(--gold);text-shadow:0 0 10px #b3956bcc}
.footer-prometheus .fire{color:var(--gold)}
@media (max-width:820px){
 header{flex-wrap:wrap;height:auto;min-height:92px;row-gap:6px;padding-top:10px;padding-bottom:10px}
 .header-note{order:3;width:100%;text-align:center;font-size:8px;letter-spacing:.14em}
}
/* LAYOUT columna centrada bajo JARVINO (referencia 682×375). Solo visual. */
.presence{padding:0}
.presence-top{width:100%;max-width:560px;margin:0 auto}
.identity{margin:30px 0 0}
.identity h1{font-weight:300}
.voice-area{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;width:100%}
.status-line{order:1;margin:13px 0 0;font-size:12px;letter-spacing:2px;color:#9a8a68}
#micLevel{order:2;margin:10px auto 0;width:140px}
.voice-controls{order:3;margin-top:20px;flex-direction:column;align-items:center;gap:0;width:100%}
#mic{width:min(280px,calc(100vw - 40px));max-width:100%;height:70px;font-size:15px;border-radius:5px}
#mic svg{width:22px;height:22px;flex:none}
#stop{margin-top:10px;font-size:15px;background:transparent;border-color:transparent;color:var(--muted)}
#stop:hover:not(:disabled){color:var(--ink);border-color:transparent}
#voiceHint{order:5;margin:4px 0 22px;font-size:10.5px;letter-spacing:.05em;color:#8b8f8a;text-align:center;max-width:100%}
.presence-bottom{display:none}
main{padding-bottom:10px}
.transcript{order:4;margin:6px 0 0;font-size:12px;text-align:center;max-width:100%}
.transcript:empty{display:none}
.presence-bottom{justify-content:center;gap:16px;margin-top:20px}
@media (min-width:700px){#voiceHint{white-space:nowrap}}
@media (max-width:700px){
 .identity{margin-top:18px}
 .status-line{margin-top:10px}
 .voice-controls{margin-top:16px}
 #mic{height:62px}
 #stop{margin-top:12px}
 #voiceHint{margin-top:8px}
}