.chat{
    width: 80vw;
}

.chat-main {
    border: 1px solid gray;
    padding: 8px;
    margin-top: -32px;
}


.chat-input {
    padding: 8px 0px;
}


.chat-send{
    width: 56px;
    background-color: black;
    border-radius: 2px;
    border: 1px solid gray;
}


.chat-bot {
    text-align: left;
    border: 1px solid gray;
    border-radius: 4px;
    background-color: black;
    color: white;
    padding: 8px;
    margin: 8px 0px;
    width: 60%;
}


.chat-user {
    padding: 5px;
    text-align: right;
    border: 1px solid gray;
    border-radius: 4px;
    background-color: black;
    color: white;
    padding: 8px;
    margin: 8px 0px 8px 40%;
    width: 60%;
}


.chat-system {
    width: 25%;
    padding: 5px;
    margin: auto;
    text-align: center;
    white-space: nowrap;
    border: 1px solid gray;
    border-radius: 4px;
    background-color: black;
    color: white;
    font-weight: bold;
}




/* - Página web trading ----------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtq.woff2');

:root {
    --tg-body-font-family: 'Outfit', sans-serif;
    --tg-heading-font-family: 'Plus Jakarta Sans', sans-serif;
    --tg-primary-color: #E275FF;
    --tg-secondary-color: #0F101E;
    --tg-body-font-color: #92939E;
    --tg-heading-font-color: #FFFFFF;
    --tg-paragraph-color: #92939E;
    --tg-body-font-size: 16px;
    --tg-body-font-weight: 400;
    --tg-heading-font-weight: 600;
    --tg-body-line-height: 1.62;
    --tg-heading-line-height: 1.2;
    --tg-blue: #0d6efd;
    --tg-indigo: #6610f2;
    --tg-purple: #6f42c1;
    --tg-pink: #d63384;
    --tg-red: #dc3545;
    --tg-orange: #fd7e14;
    --tg-yellow: #ffc107;
    --tg-green: #010314;
    --tg-teal: #20c997;
    --tg-cyan: #0dcaf0;
    --tg-white: #ffffff;
    --tg-black: #010314;
    --tg-gray: #93B2C8;
    --facebook: #3b5998;
    --twitter: #00acee;
    --linkedin: #1976d2;
    --pinterest: #3b5998;
    --youtube: #c4302b;
    --skype: #00aff0;
}

html, body {
}


.navigation {
    font-family: var(--tg-body-font-family);    

    padding: 24px 0;
    line-height: 1;
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.96px;
    text-transform: uppercase;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

    .navigation > li {
        display: list-item;
        text-align: -webkit-match-parent;
        unicode-bidi: isolate;
        position: relative;
        margin-right: 45px;
    }

.section-link{
    padding: 45px 0;
    text-decoration: none;
    color: white;
}