body { font-family: Arial, sans-serif;}
        .link_web {text-decoration: none;opacity: 0.5;vertical-align: middle;font-size: 12px;margin: 0 2px 0 0;font-style: italic;font-family: cursive;}
.link_web:hover {opacity: 1;}
        #messages { border: 1px solid #5f9ea0; padding: 0 10px 10px 10px; height: 365px; overflow-y: scroll;border-radius: 5px;}
        .vertical-textarea {
    height: 45px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: 100%;
    overflow: auto;
    resize: none;
    padding: 2px 5px 2px 5px;
    background: transparent;
    color: rgb(144 145 145);
    border-color: #5f9ea0;
}
.message_p1{margin: 10px 0 40px 0;color:rgb(144 145 145);}
.nick_usuario {color: #03a9f4;}
.nick_usuario:hover {color: #1899d4;}
.nick_usuario {text-decoration: none;}
#messages::-webkit-scrollbar {
    width: 12px; /* Ancho de la scrollbar */
}

#messages::-webkit-scrollbar-track {background: transparent;}
#messages::-webkit-scrollbar-thumb {background: #5f9ea0;border-radius: 2px;}
#messages::-webkit-scrollbar-thumb:hover {background: #55989b;}

/* Estilos para la scrollbar en Firefox */
#messages {
    scrollbar-width: thin; /* Opciones: auto, thin */
    scrollbar-color: #888 #f1f1f1; /* color del thumb y del track */
}

.vertical-textarea:focus {border-color: #5f9ea0;}
button {margin-left: 10px;background: cadetblue;color: #fff;border-radius: 4px;cursor: pointer;border: 0;}
button:hover {background: rgb(108, 170, 172);}
.imagepost{height:auto;max-width:150px;border-radius:5px;opacity: 0.9;cursor: pointer;margin: 3px 0 3px 0;display: block;}
.imagepost:hover{opacity:1;}
.modal {
    display: none; /* Oculto por defecto */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}
.urlspost{text-decoration: none;color: blue;font-family: monospace;}
.urlspost:hover {color: #f44336;}