:root{--bg:#0f172a;--card:#111827;--blue:#2563eb;--green:#10b981;--text:#e5e7eb;--muted:#94a3b8;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}.top{background:var(--bg);color:var(--white);position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px}.brand{font-weight:800;letter-spacing:.5px}.brand span{color:var(--green)}.menu{display:flex;gap:20px}.menu a{color:var(--text);text-decoration:none;font-size:14px}.hamb{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;padding:80px 20px}.wrap{max-width:1180px;margin:auto}.hero h1{font-size:46px;max-width:760px;margin:0 0 15px}.hero p{color:#dbeafe;max-width:720px;font-size:18px}.btn{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:13px 18px;border-radius:12px;margin:8px 8px 8px 0;border:0;cursor:pointer}.btn.alt{background:var(--green)}.section{padding:62px 20px}.section h2{font-size:32px;margin:0 0 8px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 10px 25px rgba(15,23,42,.06)}.icon{font-size:32px}.card h3{margin:12px 0 8px}.dark{background:#0f172a;color:white}.dark .card{background:#111827;border-color:#1f2937;color:white}.form{display:grid;gap:12px;max-width:720px}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:12px}.hidden{display:none!important}.footer{background:#020617;color:#cbd5e1;padding:30px 20px;text-align:center}.chat{position:fixed;right:22px;bottom:22px;width:330px;background:white;border:1px solid #ddd;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden;z-index:30}.chat-head{background:#0f172a;color:white;padding:14px;font-weight:700}.chat-body{height:240px;overflow:auto;padding:14px}.chat-msg{padding:10px;border-radius:12px;margin:8px 0;background:#f1f5f9}.chat-msg.user{background:#dbeafe}.chat-input{display:flex;border-top:1px solid #eee}.chat-input input{border:0;padding:12px;flex:1}.chat-input button{border:0;background:#2563eb;color:white;padding:12px}.status{margin-top:10px;font-weight:700}@media(max-width:850px){.hamb{display:block}.menu{display:none;position:absolute;left:0;right:0;top:60px;background:#0f172a;flex-direction:column;padding:20px}.menu.open{display:flex}.hero h1{font-size:34px}.grid{grid-template-columns:1fr}.chat{width:calc(100% - 30px);right:15px}}

.chat.collapsed{display:none}
.chat-fab{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;border:0;background:#2563eb;color:#fff;font-size:28px;cursor:pointer;z-index:40;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.chat-tip{display:none;position:absolute;right:70px;top:18px;background:#0f172a;color:#fff;padding:8px 12px;border-radius:8px;white-space:nowrap;font-size:13px}
.chat-fab:hover .chat-tip{display:block}

.chat-msg{white-space:pre-line}

/* Mejora visual para respuestas largas del chatbot */

.chat .msg,
.chat-msg,
.bot,
.user{
    white-space:pre-line;
}

/* Chatbot Nivel 2 */
.chat .msg,.chat-msg,.bot,.user,.chat-body div{white-space:pre-line}


/* Chatbot Nivel 2 con contexto */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}


/* Chatbot Nivel 2 Plus */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}


/* FYJ Assistant 1000 */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}


/* FYJ Assistant Enterprise v5 */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}


/* FYJ Assistant Enterprise Wiki v8 */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}


/* FYJ Assistant Enterprise Wiki v9 */
.chat .msg,
.chat-msg,
.bot,
.user,
.chat-body div,
.chat-messages div {
    white-space: pre-line;
}