/* FractAIll · LA BARRA · la misma forma de pedir en todas las páginas.
   Si la página donde estás sabe resolver lo que pides, lo resuelve ahí mismo.
   Si no, te lleva al agente que sí sabe, con tu petición ya escrita. */
.fx-barra{position:fixed;z-index:95;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));
  width:min(760px,calc(100% - 26px));transform:translateX(-50%)}
.fx-barra::before{content:"";position:absolute;z-index:-1;left:9%;right:9%;bottom:-11px;height:42px;
  border-radius:50%;background:linear-gradient(90deg,#566dff,#36d6c5,var(--fx-naranja),#ef55ba);
  filter:blur(24px);opacity:.34}
.fx-caja{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 8px;border-radius:999px;
  border:1px solid var(--fx-linea-t);background:rgba(18,19,23,.86);
  backdrop-filter:blur(26px) saturate(160%);box-shadow:0 18px 60px rgba(0,0,0,.44);
  transition:border-color var(--fx-rapido),box-shadow var(--fx-rapido)}
.fx-caja:focus-within{border-color:rgba(255,118,41,.55);box-shadow:0 0 0 4px rgba(255,118,41,.10),0 18px 60px rgba(0,0,0,.44)}
.fx-caja input{flex:1;min-width:0;height:46px;border:0;outline:0;background:transparent;
  color:var(--fx-tinta);font-size:16px;font-family:var(--fx-sans)}
.fx-caja input::placeholder{color:var(--fx-tenue)}
.fx-redondo{width:38px;height:38px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;
  background:transparent;color:var(--fx-suave);font-size:17px;transition:var(--fx-rapido)}
.fx-redondo:hover{background:rgba(255,255,255,.08);color:var(--fx-tinta)}
.fx-ir{background:var(--fx-naranja);color:#0a0a0a;font-weight:800}
.fx-ir:hover{background:var(--fx-naranja-2);color:#0a0a0a}
.fx-ir:disabled{opacity:.45;cursor:wait}

/* pantalla completa · cuando la conversación se lleva la vista */
body.fx-conversando{overflow:hidden}
.fx-telon{position:fixed;z-index:90;inset:0;opacity:0;pointer-events:none;
  background:radial-gradient(ellipse 72% 52% at 50% 0%,rgba(255,118,41,.10),transparent 66%),rgba(8,9,11,.94);
  backdrop-filter:blur(28px) saturate(120%);transition:opacity var(--fx-lento)}
body.fx-conversando .fx-telon{opacity:1;pointer-events:auto}
.fx-hilo{position:fixed;z-index:93;inset:0 0 auto;top:0;height:calc(100dvh - 104px);
  width:min(760px,calc(100% - 26px));margin:auto;padding:74px 2px 8px;overflow:auto;
  opacity:0;pointer-events:none;transition:opacity var(--fx-normal)}
body.fx-conversando .fx-hilo{opacity:1;pointer-events:auto}
.fx-turno{margin-bottom:22px}
.fx-tuyo{display:flex;justify-content:flex-end;margin-bottom:12px}
.fx-tuyo span{max-width:85%;padding:9px 15px;border-radius:17px 17px 5px 17px;
  border:1px solid var(--fx-linea-t);background:var(--fx-panel);color:var(--fx-tinta);font-size:15px}
.fx-dice{color:var(--fx-suave);font-size:15px;line-height:1.6;white-space:pre-wrap}
.fx-dice b{color:var(--fx-tinta)}
.fx-fino{display:block;margin-top:6px;color:var(--fx-tenue);font-size:12.5px}
.fx-fino.mal{color:var(--fx-mal)}
.fx-fino a{color:var(--fx-naranja);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fx-puntos{display:inline-flex;gap:5px}
.fx-puntos i{width:6px;height:6px;border-radius:50%;background:var(--fx-naranja);opacity:.35;animation:fxPulsa 1.1s infinite}
.fx-puntos i:nth-child(2){animation-delay:.15s}.fx-puntos i:nth-child(3){animation-delay:.3s}
@keyframes fxPulsa{30%{opacity:1;transform:translateY(-3px)}}
.fx-salir{position:fixed;z-index:97;top:15px;right:18px;width:40px;height:40px;display:grid;place-items:center;
  border:1px solid var(--fx-linea-t);border-radius:50%;background:rgba(255,255,255,.06);color:var(--fx-suave);
  font-size:18px;opacity:0;pointer-events:none;transition:opacity var(--fx-normal),background var(--fx-rapido),color var(--fx-rapido)}
body.fx-conversando .fx-salir{opacity:1;pointer-events:auto}
.fx-salir:hover{background:#fff;color:#0a0a0a}

@media(max-width:520px){
  .fx-barra{width:calc(100% - 20px);bottom:calc(12px + env(safe-area-inset-bottom))}
  .fx-hilo{width:calc(100% - 20px);padding-top:64px}
}