.dd-card {
    display: inline-block;
}

.dd-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap; /* Asegura que los elementos no se envuelvan */
}

.dd-point {
    display: inline-block;
    background-color: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
}

.dd-dashes {
    display: flex;
    align-items: center;
    margin: 0;
}

.dd-dash {
    background-color: currentColor;
    flex-shrink: 0;
    margin: 0 2px;
}

.dd-distance {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-left: 10px; /* Ajusta este valor según sea necesario */
}

/* Elimina o comenta las media queries que afectan a .dd-content */