#n8n-chat {
    --chat--color--primary: #176ea5;
    --chat--color--primary-shade-50: #115b8b;
    --chat--color--primary--shade-100: #0c4a72;
    --chat--color--secondary: #218bbb;
    --chat--color-secondary-shade-50: #176f9a;
    --chat--color-white: #ffffff;
    --chat--color-light: #eaf5fc;
    --chat--color-light-shade-50: #d8eaf6;
    --chat--color-light-shade-100: #bdd8e9;
    --chat--color-dark: #082f52;
    --chat--body--background: #e6f3fb;
    --chat--footer--background: #f6fbff;
    --chat--header--background: linear-gradient(145deg, #0a355c, #176f9f);
    --chat--header--color: #ffffff;
    --chat--message--user--background: #176ea5;
    --chat--message--user--color: #ffffff;
    --chat--message--bot--background: rgba(255, 255, 255, .94);
    --chat--message--bot--color: #123b5c;
    --chat--message--bot--border: 1px solid #c9deeb;
    --chat--message--font-size: .94rem;
    --chat--heading--font-size: 1.1rem;
    --chat--border-radius: 14px;
    --chat--toggle--size: 44px;
    --chat--window--width: 480px;
    --chat--window--height: 680px;
    width: 44px;
    height: 44px;
}

#n8n-chat .chat-window-wrapper {
    position: fixed;
    top: calc(50% + 108px);
    left: 12px;
    right: auto;
    bottom: auto;
    z-index: 9999;
    width: 44px;
    height: 44px;
    max-width: none;
    max-height: none;
}

#n8n-chat .chat-window-wrapper .chat-window {
    position: fixed;
    top: auto;
    left: 72px;
    right: auto;
    bottom: 16px;
    z-index: 9999;
    width: min(480px, calc(100vw - 92px));
    height: calc(100vh - 32px);
    max-width: none;
    max-height: 680px;
    margin: 0;
    border: 1px solid rgba(19, 83, 126, .25);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(5, 36, 62, .34);
    transform-origin: left bottom;
}

#n8n-chat .chat-window-wrapper .chat-window-toggle {
    width: 44px;
    height: 44px;
    margin: 0;
    border: 2px solid rgba(255, 255, 255, .55);
    background: linear-gradient(145deg, #1685bd, #0a456f);
    box-shadow: 0 8px 20px rgba(5, 49, 82, .3);
}

#n8n-chat .chat-window-toggle svg {
    display: none;
}

#n8n-chat .chat-window-toggle::before {
    content: "IA";
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
}

#n8n-chat .chat-layout .chat-header {
    position: relative;
    flex: 0 0 auto;
    min-height: 126px;
    gap: 2px !important;
    align-items: center;
    padding: 15px 56px 15px;
    text-align: center;
}

#n8n-chat .chat-layout .chat-header::before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    margin: 0 auto 6px;
    background: url("../estilos/Imagenes/Escudo%20de%20Escuela%20.png") center / contain no-repeat;
}

#n8n-chat .chat-header .chat-close-button {
    position: absolute;
    top: 6px;
    right: 6px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font: 32px / 1 Arial, sans-serif;
    cursor: pointer;
}

#n8n-chat .chat-header .chat-close-button:hover {
    background: rgba(255, 255, 255, .15);
}

#n8n-chat .chat-header .chat-close-button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
}

#n8n-chat .chat-layout .chat-header h1,
#n8n-chat .chat-layout .chat-header p {
    margin: 0;
    color: #fff;
}

#n8n-chat .chat-layout .chat-header p {
    color: #c9efff;
    font-size: .82rem;
}

#n8n-chat .chat-layout .chat-body {
    position: relative;
    background: linear-gradient(160deg, rgba(235, 247, 254, .97), rgba(214, 235, 248, .97));
}

#n8n-chat .chat-layout .chat-body::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: url("../estilos/Imagenes/Escudo%20de%20Escuela%20.png") center / 48% auto no-repeat;
    opacity: .065;
    pointer-events: none;
}

#n8n-chat .chat-layout .chat-body > * {
    position: relative;
    z-index: 1;
}

#n8n-chat .chat-layout .chat-footer {
    border-top: 1px solid #c9deeb;
}

#n8n-chat textarea {
    box-shadow: none;
}

#n8n-chat .chat-inputs {
    margin: 10px;
    width: calc(100% - 20px);
    border: 1px solid #bdd8e9;
    border-radius: 14px;
    box-shadow: 0 5px 15px rgba(8, 55, 88, .08);
}

@media (max-width: 760px) {
    .redes-flotantes {
        grid-template-columns: repeat(4, 38px);
    }

    #n8n-chat,
    #n8n-chat .chat-window-wrapper,
    #n8n-chat .chat-window-wrapper .chat-window-toggle {
        width: 38px;
        height: 38px;
    }

    #n8n-chat {
        --chat--toggle--size: 38px;
    }

    #n8n-chat .chat-window-wrapper {
        top: auto;
        left: calc(50% + 96px);
        bottom: 14px;
    }

    #n8n-chat .chat-window-wrapper .chat-window {
        inset: 8px;
        width: auto;
        height: auto;
        max-width: none;
        max-height: none;
        border-radius: 16px;
        transform-origin: center bottom;
    }

    #n8n-chat .chat-layout .chat-header {
        min-height: 112px;
        padding: 11px 48px;
    }

    #n8n-chat .chat-layout .chat-header::before {
        width: 72px;
        height: 72px;
        flex-basis: 72px;
        margin-bottom: 4px;
    }
}

@media (max-width: 390px) {
    .redes-flotantes {
        grid-template-columns: repeat(4, 36px);
        gap: 5px;
    }

    #n8n-chat,
    #n8n-chat .chat-window-wrapper,
    #n8n-chat .chat-window-wrapper .chat-window-toggle {
        width: 36px;
        height: 36px;
    }

    #n8n-chat .chat-window-wrapper {
        left: calc(50% + 90px);
    }
}

.redes-flotantes.chatbot-integrado{position:fixed;top:50%;left:12px;z-index:120;display:grid;gap:8px;transform:translateY(-50%)}
.formulario-cuenta textarea{display:block;box-sizing:border-box;width:100%;min-height:120px;padding:12px;border:1px solid #dce3e9;border-radius:6px;font:inherit;resize:vertical;margin-bottom:16px}
.perfil-peticion{padding:16px;margin:14px 0;border-radius:10px;background:#edf3f8}.perfil-peticion p{margin-bottom:12px}
.red-flotante{display:grid;width:44px;height:44px;place-items:center;border:2px solid #ffffff55;border-radius:50%;color:white;background:#15446c;box-shadow:0 4px 14px #0003;text-decoration:none;box-sizing:border-box}
.red-flotante img{width:100%;height:100%;object-fit:cover;border-radius:50%}.red-flotante.youtube{background:#e62117}.red-flotante:focus-visible{outline:3px solid #c5a24c;outline-offset:3px}
.en-vivo-panel{margin:0 0 24px;padding:24px;border:1px solid #cbd9e7;border-top:4px solid #b4293e;border-radius:14px;background:white;color:#173956;overflow-wrap:anywhere}.en-vivo-panel article{padding:18px 0;border-bottom:1px solid #e2e8f0}.en-vivo-panel h2,.en-vivo-panel h3{margin:0 0 12px}.en-vivo-panel p{line-height:1.6;margin-bottom:16px}
.ayuda-local{position:fixed;bottom:16px;right:16px;z-index:999;background:white;padding:16px;max-width:320px;border-radius:16px;box-shadow:0 4px 20px #0003}.ayuda-local summary{cursor:pointer}
@media(max-width:760px){body{padding-bottom:78px!important}.redes-flotantes.chatbot-integrado{top:auto;bottom:14px;left:calc(50% - 24px);display:grid;grid-template-columns:repeat(4,38px);gap:8px;transform:translateX(-50%);animation:none}.red-flotante{width:38px;height:38px}}
@media(max-width:390px){.redes-flotantes.chatbot-integrado{grid-template-columns:repeat(4,36px);gap:5px}.red-flotante{width:36px;height:36px}}