table.pde-tabla {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

table.pde-tabla th,
table.pde-tabla td {
    text-align: left;
    white-space: nowrap;
    padding: var(--space-s);
    border: 1px solid #ccc;
    color: var(--neutral-500);
}

table.pde-tabla span.largo {
    display: block;
    /* 🔑 importante */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}


.celda-contenido {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.celda-contenido svg {
    display: block;
}

.celda-contenido .pde-enlace {
    cursor: pointer;
}