.chat_write:focus-within {
    transition: .1s;
    border-bottom: solid 2px #474747 !important;
}

.chat_w {
    outline: none;
    resize: none;
    display: block;
    max-height: 100px;
}




/*  .chat_w:is(:focus, :valid) {
            border-color: #1c8747 !important;
        } */

.chat_w::-webkit-scrollbar {
    width: 0;
}




.heart {
    animation: heartBeat 2s infinite;
    animation-delay: 2s;
}

.heart_2 {
    animation: heartBeat 2s infinite;
    animation-delay: 2.5s;
}

@keyframes heartBeat {
    0% {
        /* transform: scale(1); */
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        /*  transform: scale(1); */
    }
}


.fondo_1 {
    background-image: url(../../../recursos/imagenes/fondos/fondo_2.jpg);
    background-size: cover;
}