:root {
	--border-card-content: rgba(0, 0, 0, 0.25);
}
#chat-wrapper {
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 2000;
}

#volver-arriba {
    bottom: 110px;
}

#chat-button {
    cursor: pointer;
    position: relative;
    background-image: url(./dialog.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 70px;
    width: 60px;
}

#chat {
    display: none;
    right: -2px;
    bottom: -2px;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    width: 380px;
    max-width: calc(100vw - 75px);
    height: calc(100vh - 150px);
    z-index: 2;
    box-sizing: border-box;
    background: white;
    box-shadow: 0 0 8rem 0 rgb(0 0 0 / 10%), 0rem 2rem 4rem -3rem rgb(0 0 0 / 50%);
    margin: 0 auto;
    margin-top: 50px;
}

#chat .header {
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #262626;
    color: #fff;
}

#chat #chat-logo {
    padding: 14px;
    background-image: url(./head.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 32px;
    width: 32px;
    cursor: pointer;
    position: relative;
}

#chat #chat-logo>ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 180px;
    border: 1px solid var(--border-low, rgba(0, 0, 0, 0.20));
    background-color: var(--content-on-high, #FFF);
}

#chat #chat-logo>ul.show {
    display: block;
}

#chat #chat-logo>ul>li>a {
    display: block;
    font-family: var(--font-family-body);
    font-size: 14px;
    color: var(--content-high, #000);
    padding: 14px;
}


#chat #chat-title {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-size: 13px;
    padding-left: 10px;
    align-items: center;
    flex: 1;
}

#chat .header .close {
    color: #fff;
    cursor: pointer;
    padding: 10px;
    opacity: 0.9;
    flex: 0 0 25px;
    font-size: 32px;
}

#chat-wrapper.show #chat {
    display: flex;
}

#chat .footer {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

#chat .send {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #000;
    background-image: url(./send.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
}


#chat #messages {
    height: 100%;
    padding: 10px;
    flex-shrink: 2;
    overflow-y: auto;
    overscroll-behavior: contain;
}
#chat #messages::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#chat #messages::-webkit-scrollbar-thumb {
    background-color: var(--border-card-content);
}


#chat #messages .message {
    font-size: 15px;
    font-family: sans-serif;
    box-sizing: border-box;
    padding: 1rem;
    margin: 1rem 1rem 1rem auto;
    background: #FFF;
    border-radius: 1.225rem 1.125rem 0 1.125rem;
    min-height: 2.25rem;
    width: fit-content;
    max-width: 80%;
    word-wrap: break-word;
    border: 1px solid #d6d6d6;
}

#chat #messages .message .message-item {
    padding-bottom: 15px;
}

#chat #messages .message .text-content p {
    font-size: 15px;
    line-height: 1.4;
}

#chat #messages .message>.content>*:nth-last-child(2) {
    padding-bottom: 0;
}

#chat #messages .content {
    opacity: 1;
    position: static;
}

#chat #messages .carousel {
    opacity: 1;
    position: static;
}

#chat #messages .carousel .item {
    display: flex;
}

#chat #messages .carousel .item:not(:last-child) {
    padding-bottom: 15px;
}

#chat #messages .carousel .item .img {
    flex: 0 0 60px;
    height: 60px;
    background-color: #6c6c6c;
    margin-right: 15px;
}

#chat #messages .carousel .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#chat #messages .carousel .item .info {
    padding-bottom: 0px;
}

#chat #messages .carousel .item .info .title {
    font-weight: bold;
    padding-bottom: 5px;
    line-height: normal;
}

#chat #messages .carousel .item .info .description {
    opacity: 0.8;
    font-size: 13px;
    line-height: 1.15;
}

#chat #messages img {
    width: 100%;
    height: 125px;
    object-fit: cover;
}

#chat #messages .link-image {
    width: 100%;
    height: 125px;
    object-fit: cover;
    margin-bottom: 5px;
}

#chat #messages .link {
    color: #6c6c6c;
    margin-bottom: 10px;
    display: block;
}

#chat #messages .link-title {
    font-weight: bold;
}

#chat #messages .link:hover {
    cursor: pointer;
}

#chat #messages .link:hover .link-title {
    text-decoration: underline;
}

#chat #messages .link-description {
    opacity: 0.8;
    font-size: 13px;
}

#chat #messages .message .date {
    color: #6c6c6c;
    font-size: 10px;
    text-align: right;
    padding-top: 5px;
    opacity: 0.6;
    line-height: normal;
}

#chat #messages .message.response {
    margin: 1rem auto 1rem 1rem;
    border-radius: 1.125rem 1.125rem 1.125rem 0;
}

#chat #messages .buttons-message-wrap {
    display: flex;
    margin-top: 20px;
}

#chat #messages .buttons-message-wrap button {
    width: 50%;
    height: 35px;
    border: 1px solid #000;
    background: #FFF;
}

#chat .input {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#chat input {
    width: 100%;
    background-image: none;
    background-color: white;
    padding: 0 20px;
    margin-right: 1rem;
    border-radius: 30px;
    font-weight: 400;
    letter-spacing: 0.025em;
    border: 1px solid #d6d6d6;
    height: 60px;
    font-size: 15px;
}

._wrapper_1czlu_1 {
    --color: #000;
    --background-color: #FFF;
    display: flex;
    flex-direction: column;
    margin: 5px 0
}

._wrapper_1czlu_1:has(> :last-child:nth-child(2)) {
    flex-direction: row
}

._wrapper_1czlu_1 button {
    cursor: pointer;
    color: var(--color);
    border: 1px solid var(--color);
    background-color: var(--background-color);
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 7px 30px;
    border-radius: 3px;
    font-size: 15px;
    flex: 1
}

._wrapper_1czlu_1 button:hover {
    background-color: var(--color);
    color: var(--background-color);
    transition: all .5s
}

/* ._messageWrapper_noyua_1:before,
._messageWrapper_noyua_1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 4px solid transparent
} */

._messageWrapper_noyua_1:before {
    border-right-color: var(--incoming-bubble-border);
    border-top-color: var(--incoming-bubble-border);
    top: -1px;
    left: -8px
}

._messageWrapper_noyua_1:after {
    border-right-color: var(--incoming-bubble-bg);
    border-top-color: var(--incoming-bubble-bg);
    top: 0;
    left: -5.5px
}

._outgoingMessage_noyua_46 {
    margin: .5rem 0 .5rem auto;
    background-color: var(--outgoing-bubble-bg);
    border-radius: 5px 0 5px 5px;
    color: var(--outgoing-bubble-text);
    border-color: var(--outgoing-bubble-border)
}

._outgoingMessage_noyua_46:before,
._outgoingMessage_noyua_46:after {
    border-right-color: transparent;
    left: inherit
}

._outgoingMessage_noyua_46:before {
    border-left-color: var(--outgoing-bubble-border);
    border-top-color: var(--outgoing-bubble-border);
    right: -8px
}

._outgoingMessage_noyua_46:after {
    border-left-color: var(--outgoing-bubble-bg);
    border-top-color: var(--outgoing-bubble-bg);
    right: -5.5px
}

._messageDate_noyua_72 {
    text-transform: uppercase;
    margin-top: 5px;
    text-align: right;
    font-size: 8px;
    opacity: .5
}

._messageWrapper_noyua_1 p {
    margin: 0 0 5px
}

._messageWrapper_noyua_1:has(> div > button) {
    padding: 0;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
    border-color: transparent
}

._messageWrapper_noyua_1:has(> div > button):before,
._messageWrapper_noyua_1:has(> div > button):after,
._messageWrapper_noyua_1:has(> div > button) ._messageDate_noyua_72 {
    display: none !important
}

._typing_yc7ij_1 {
    align-items: center;
    display: flex;
    height: 17px
}

._typing_yc7ij_1 ._dot_yc7ij_7 {
    animation: _mercuryTypingAnimation_yc7ij_1 1.8s infinite ease-in-out;
    background-color: var(--dotColor);
    border-radius: 50%;
    height: 7px;
    margin-right: 4px;
    vertical-align: middle;
    width: 7px;
    display: inline-block
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(1) {
    animation-delay: .2s
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(2) {
    animation-delay: .3s
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(3) {
    animation-delay: .4s
}

._typing_yc7ij_1 ._dot_yc7ij_7:last-child {
    margin-right: 0
}

@keyframes _mercuryTypingAnimation_yc7ij_1 {
    0% {
        transform: translateY(0);
        opacity: .7
    }

    28% {
        transform: translateY(-7px);
        opacity: .4
    }

    44% {
        transform: translateY(0);
        opacity: .2
    }
}

._typing_yc7ij_1 ._dot_yc7ij_7 {
    animation: _mercuryTypingAnimation_yc7ij_1 1.8s infinite ease-in-out;
    background-color: var(--dotColor);
    border-radius: 50%;
    height: 7px;
    margin-right: 4px;
    vertical-align: middle;
    width: 7px;
    display: inline-block
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(1) {
    animation-delay: .2s
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(2) {
    animation-delay: .3s
}

._typing_yc7ij_1 ._dot_yc7ij_7:nth-child(3) {
    animation-delay: .4s
}

._typing_yc7ij_1 ._dot_yc7ij_7:last-child {
    margin-right: 0
}

@keyframes _mercuryTypingAnimation_yc7ij_1 {
    0% {
        transform: translateY(0);
        opacity: .7
    }

    28% {
        transform: translateY(-7px);
        opacity: .4
    }

    44% {
        transform: translateY(0);
        opacity: .2
    }
}

/* Botón de Iniciar nuevo Chat */
/*-----------------------------*/
.chat__newMessage {
    padding: 0px 10px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.chat__newMessage > .chat__title a{
   font-size: 0.9rem;
   color: var(--c-texto-medio);    
   transition: color 0.200s ease-out;
}

.chat__newMessage > .chat__title a:hover{
   cursor: pointer;
   color: #a71c15;
}

.chat__newMessage > .chat__logo {
    cursor: pointer;
    background-image: url(./dialog.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 23px;
    width: 20px;
}


/* Bloque Más Información */
/*------------------------*/
.text-content__moreInfo {    
    margin-top: 1rem;
    margin-bottom: 0.2rem;
    font-size: 0.8rem !important; 
    font-weight:700;
}
.text-content__moreInfoDetail a{    
    font-size: 0.8rem;
    line-height: 1.4;