/* ============================================================
   EL ORÁCULO — Chat flotante · estilos (marca TripleParley)
   ============================================================ */
.orq-btn{
  position:fixed;bottom:1.4rem;z-index:900;
  width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--orq-color,#d4af37),#f2d571);
  color:#050a11;font-size:1.55rem;font-weight:900;
  box-shadow:0 6px 22px rgba(212,175,55,.45);
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s;
}
.orq-btn:hover{transform:scale(1.08)}
.orq-right{right:1.4rem}.orq-left{left:1.4rem}

.orq-panel{
  position:fixed;bottom:5.6rem;z-index:901;
  width:min(370px,calc(100vw - 1.6rem));
  max-height:min(560px,calc(100dvh - 7rem));
  display:none;flex-direction:column;overflow:hidden;
  background:#0d1b2a;border:1px solid var(--orq-color,#d4af37);
  border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.6);
  font-family:'Inter',system-ui,sans-serif;
}
.orq-panel.open{display:flex}
.orq-panel.orq-right{right:1.4rem}.orq-panel.orq-left{left:1.4rem}

.orq-head{
  display:flex;align-items:center;gap:.6rem;
  padding:.75rem 1rem;background:#12233a;border-bottom:1px solid #1b263b;
}
.orq-head .orq-avatar{
  width:34px;height:34px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,var(--orq-color,#d4af37),#f2d571);
  display:flex;align-items:center;justify-content:center;
  color:#050a11;font-weight:900;font-size:1.05rem;
}
.orq-head .orq-title{flex:1;color:#f4f6fa;font-weight:800;font-size:.95rem}
.orq-head .orq-title small{display:block;color:#9ca8b8;font-weight:600;font-size:.68rem}
.orq-close{background:none;border:none;color:#9ca8b8;font-size:1.2rem;cursor:pointer;padding:.2rem .4rem}
.orq-close:hover{color:#fff}

.orq-msgs{
  flex:1;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.55rem;
  background:#0a1522;min-height:220px;
}
.orq-msg{
  max-width:86%;padding:.55rem .8rem;border-radius:12px;
  font-size:.85rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;
}
.orq-msg a{color:var(--orq-color,#d4af37);font-weight:700;text-decoration:none}
.orq-msg a:hover{text-decoration:underline}
.orq-ai{align-self:flex-start;background:#12233a;color:#e8edf4;border:1px solid #1b263b;border-bottom-left-radius:4px}
.orq-user{align-self:flex-end;background:var(--orq-color,#d4af37);color:#050a11;font-weight:600;border-bottom-right-radius:4px}
.orq-typing{align-self:flex-start;color:#9ca8b8;font-size:.78rem;padding:.2rem .4rem}

.orq-quick{display:flex;flex-wrap:wrap;gap:.35rem;padding:.55rem .9rem;background:#0a1522;border-top:1px solid #1b263b}
.orq-chip{
  background:transparent;border:1px solid #2a3b55;color:#9ca8b8;
  border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:700;cursor:pointer;
}
.orq-chip:hover{border-color:var(--orq-color,#d4af37);color:var(--orq-color,#d4af37)}

.orq-inputrow{display:flex;gap:.5rem;padding:.7rem .9rem;background:#12233a;border-top:1px solid #1b263b}
.orq-input{
  flex:1;background:#0a1522;border:1px solid #1b263b;color:#f4f6fa;
  border-radius:10px;padding:.55rem .75rem;font-size:.86rem;font-family:inherit;
}
.orq-input:focus{outline:none;border-color:var(--orq-color,#d4af37)}
.orq-send{
  background:var(--orq-color,#d4af37);color:#050a11;border:none;border-radius:10px;
  padding:0 .95rem;font-weight:900;font-size:1rem;cursor:pointer;
}
.orq-send:disabled{opacity:.5;cursor:default}

.orq-foot{padding:.4rem .9rem .6rem;background:#12233a;color:#6b7889;font-size:.62rem;text-align:center;line-height:1.35}

@media(max-width:480px){
  .orq-panel{bottom:5.2rem;width:calc(100vw - 1rem)}
  .orq-panel.orq-right{right:.5rem}.orq-panel.orq-left{left:.5rem}
}