.text-suspensive {
    white-space: nowrap;       /* Evita que el texto se divida en varias líneas */
    overflow: hidden;          /* Oculta el contenido excedente */
    text-overflow: ellipsis;   /* Agrega puntos suspensivos (...) al final del texto */
    max-width: 100%;          /* Ancho máximo del texto antes de truncar */
    display: inline-block;     /* Necesario para que el texto se trunque correctamente */
}