.panel-comentarios {
    width: 100%;
    padding: 20px;
}

.panel-comentarios .comentarios-clientes{
    margin-bottom: 20px;
}
.panel-comentarios .contenedor-main {
    display: block;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.panel-comentarios .contenedor-main .contenedor-comment {
    display: block;
    height: 170px;
    background: #f5f5f5;
    width: 100%;
}

.date {
    font-size: 11px
}

.user-info {
    display: flex;
    justify-content: flex-start;
    /* Alinea el contenido al inicio */
    align-items: center;
    /* Centra verticalmente */
    ;
}

.user-info img {
    margin-left: 10px;
    margin-right: 10px;
    /* Espacio entre la imagen y el texto */
}

.comment-text {

    font-size: 12px;
    word-wrap: break-word;
    /* Permite dividir palabras largas en múltiples líneas */
    word-break: break-word;
    /* Asegura que palabras largas no se salgan */
    overflow-wrap: break-word;
    /* Compatible con navegadores más recientes */
    white-space: pre-wrap;
    /* Respeta saltos de línea en el texto */
    max-width: 100%;
    /* Opcional: Asegura que el texto no exceda el ancho máximo */
    overflow: hidden;
    /* Evita desbordamiento del texto */
}

.fs-12 {
    font-size: 12px
}

.shadow-none {
    box-shadow: none
}

.name {
    color: #007bff
}

.cursor:hover {
    color: blue
}