/* MENTE UNO: POSICIÓN DE LECTURA Y SALTO AL ÚLTIMO MENSAJE */
.chat{
    position:relative;
}

.jump-latest{
    position:absolute;
    right:24px;
    z-index:65;
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid #64b5e7;
    border-radius:50%;
    background:#174d74;
    color:#fff;
    box-shadow:0 8px 24px rgba(0,0,0,.45);
    font-size:0;
    line-height:1;
    cursor:pointer;
    opacity:.6;
    transition:
        background .16s ease,
        opacity .16s ease;
}

.jump-latest:hover,
.jump-latest:focus-visible{
    background:#236b9c;
    opacity:1;
    outline:none;
}

.jump-latest::before,
.jump-latest::after{
    content:"";
    position:absolute;
    top:calc(50% + 4px);
    width:14px;
    height:3px;
    border:0;
    border-radius:999px;
    background:currentColor;
}

.jump-latest::before{
    left:50%;
    margin-left:-14px;
    transform:rotate(45deg);
    transform-origin:100% 50%;
}

.jump-latest::after{
    left:50%;
    transform:rotate(-45deg);
    transform-origin:0 50%;
}

.jump-latest[hidden]{
    display:none !important;
}

.message.last-read-position .bubble{
    box-shadow:
        0 0 0 2px #64b5e7,
        0 8px 22px rgba(0,0,0,.24);
}

@media(max-width:720px){
    .jump-latest{
        right:13px;
        width:40px;
        height:40px;
    }
}

/* MENTE UNO: RESTABLECER BOTÓN TRAS TOQUE */
@media (hover:none), (pointer:coarse){
    .jump-latest:hover,
    .jump-latest:focus,
    .jump-latest:focus-visible{
        width:40px;
        height:40px;
        transform:none;
        background:#174d74;
        opacity:.6;
        outline:none;
    }

    .jump-latest:active{
        width:40px;
        height:40px;
        transform:none;
        background:#236b9c;
        opacity:1;
        outline:none;
    }
}