.tarjeta-datos {
    background: $color-blanco;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);
    border: 1px solid $color-borde;
    overflow: hidden; // Para que los bordes redondeados no se rompan
}

.tabla-estandar {
    width: 100%;
    border-collapse: collapse;
    text-align: left;

    thead {
        background-color: $color-fondo;
        
        th {
            padding: 16px 20px;
            font-size: 0.85rem;
            text-transform: uppercase;
            color: $color-texto-secundario;
            font-weight: 700;
            letter-spacing: 0.5px;
            border-bottom: 2px solid $color-borde;
        }
    }

    tbody {
        tr {
            border-bottom: 1px solid $color-borde;
            transition: background-color 0.2s;

            &:last-child {
                border-bottom: none;
            }

            &:hover {
                background-color: rgba(241, 245, 249, 0.5); // Gris muy sutil
            }
        }

        td {
            padding: 16px 20px;
            font-size: 0.95rem;
            color: $color-texto-principal;
            vertical-align: middle;

            a {
                color: $color-primario;
                text-decoration: none;
                font-weight: 600;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}